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

简介:

对于我们的静态页面来讲,静态页面一般喜欢将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

至此,大功告成。


作者:kissazi2 
出处:http://www.cnblogs.com/kissazi2/ 
本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。

转载:http://www.cnblogs.com/kissazi2/p/3344743.html

目录
相关文章
|
7月前
|
前端开发
前端加载七牛图片地址竖图变成横图问题
前端加载七牛图片地址竖图变成横图问题
67 0
|
存储 PHP 数据安全/隐私保护
Ueditor结合七牛云存储上传图片、附件和图片在线管理的实现和最新更新
最新下载地址: https://github.com/widuu/qiniu_ueditor_1.4.3 Ueditor七牛云存储版本 注意事项 老版本请查看 : https://github.com/widuu/qiniu_ueditor_1.
3018 0
|
9月前
|
JavaScript 数据库 数据安全/隐私保护
向服务器上传dedecms模板
向服务器上传dedecms模板
|
7月前
|
小程序 JavaScript
微信小程序配置上传多个u-upload上传
使用的是uView框架 微信小程序配置上传多个u-upload上传图片 场景需求:根据PC端配置项追加图片配置 小程序根据配置的图片数量,图片名称,进行上传图片 难度在于 我们不知道用户会追加多少个图片配置字段
92 0
|
8月前
|
缓存 网络安全 对象存储
从零玩转文件上传之七牛云2
从零玩转文件上传之七牛云
51 0
|
8月前
|
对象存储
从零玩转文件上传之七牛云1
从零玩转文件上传之七牛云
81 0
|
9月前
|
前端开发 JavaScript
前端上传图片到七牛云
前端上传图片到七牛云
197 0
|
10月前
|
前端开发
后端处理图片的上传和下载
后端处理图片的上传和下载
107 0
|
JavaScript 前端开发
nodejs接入七牛云并实现图片上传
nodejs接入七牛云并实现图片上传
|
移动开发 前端开发 算法
浅析前端上传
图片,音频,视频等等这几种常见的资源类型,如果需要从前端上传到服务端,有几种方式呢?不妨回顾一下经历过的项目想一想。

热门文章

最新文章