使用七牛实现静态页面的上传

简介:

对于我们的静态页面来讲,静态页面一般喜欢将js文件、图片归到各自文件夹。不然的话,一般我们就得改变静态页面中js和图片的引用地址。但是在七牛的内容管理页面上传的东西基本上就是在七牛提供的空间的根目录下(如下图所示),可能大家从下图中也看到除了version.xml文件,其他文件都有文件夹的分级,这是我已经上传好了的,下面我就教大家怎么去操作。

image

首先,我们可以去七牛的文档中心下载上传工具。我是windows平台的,所以下载红框处的东西(如下图)

image

如果是Windows32位的平台,可以下载下图红框处的下载工具。

image

接下来,我们需要对七牛提供的qrsync工具进行一些配置,以便上传文件。

1、首先,我们需要解压qrsync,然后运行cmd(在运行中键入cmd),然后将当前目录切换到qrsysc目录下(因为D:\TDDOWNLOAD\qiniu-devtools-windows_amd64-current\_package_windows_amd64是我的qrsync解压的目录,你应该改成自己解压的目录)

image

2、下面我们将在解压的目录下面创建一个conf.json文件,这个文件是上传的配置文件

image

3、我们需要对conf.json进行配置,七牛的文档中有进行说明,但不好懂,我把图放在下面

image

下面是我配好的conf.json文件,大家可以参考一下

image

4、下面,我们运行qrsync工具,命令格式为qrsync 你的配置文件。因为这里conf.json跟qrsync放在同一个目录下,所以我们直接输入qrsync conf.json就行了。下图是qrsync的参数说明。

image

回车之后,我们就发现文件夹已经开始上传了。

image

至此,大功告成。

本文转自陈哈哈博客园博客,原文链接http://www.cnblogs.com/kissazi2/p/3344743.html如需转载请自行联系原作者

kissazi2
相关文章
|
7月前
|
前端开发
前端加载七牛图片地址竖图变成横图问题
前端加载七牛图片地址竖图变成横图问题
67 0
|
存储 PHP 数据安全/隐私保护
Ueditor结合七牛云存储上传图片、附件和图片在线管理的实现和最新更新
最新下载地址: https://github.com/widuu/qiniu_ueditor_1.4.3 Ueditor七牛云存储版本 注意事项 老版本请查看 : https://github.com/widuu/qiniu_ueditor_1.
3021 0
|
7月前
|
小程序 JavaScript
微信小程序配置上传多个u-upload上传
使用的是uView框架 微信小程序配置上传多个u-upload上传图片 场景需求:根据PC端配置项追加图片配置 小程序根据配置的图片数量,图片名称,进行上传图片 难度在于 我们不知道用户会追加多少个图片配置字段
93 0
|
8月前
|
缓存 网络安全 对象存储
从零玩转文件上传之七牛云2
从零玩转文件上传之七牛云
53 0
|
8月前
|
对象存储
从零玩转文件上传之七牛云1
从零玩转文件上传之七牛云
81 0
|
9月前
|
前端开发 JavaScript
前端上传图片到七牛云
前端上传图片到七牛云
197 0
|
10月前
|
前端开发
后端处理图片的上传和下载
后端处理图片的上传和下载
108 0
|
JavaScript 前端开发
nodejs接入七牛云并实现图片上传
nodejs接入七牛云并实现图片上传
|
缓存 JavaScript 前端开发
解决阿里oss远程图片html2canvas生成海报时跨域问题(附代码)
解决阿里oss远程图片html2canvas生成海报时跨域问题(附代码)
754 0
解决阿里oss远程图片html2canvas生成海报时跨域问题(附代码)
|
Android开发
autojs七牛云上传文件
牙叔教程 简单易懂
283 0