使用Dropzone和七牛云存储来优化博客图床

---

title : 使用Dropzone和七牛云存储来优化博客图床
category : UI

---

使用Dropzone和七牛云存储来优化博客图床

标签（空格分隔）： PHP

---

之前我在用SAE的Storage作为博客图床，但是令我非常不爽的是没有一个很好的上传和获得公共链接的方法。现在总算用Dropzone和七牛把这个问题解决了，下面是我上传图片和获得URL的操作，方法再往下看。

1-1.gif

设置七牛帐号

七牛是国内口碑不错的一个云存储为主的公司。它的特点应该就在图片存储上，有非常方便的上传SDK和图片处理流，用来作为博客图床非常合适，而且价格不贵，每月有免费的10G流量。

1 去七牛注册帐号

刚刚创建的帐号是测试帐号，完成个人认证就可以成为标准帐号，获得10G的存储空间和各10G的上传下载流量。

2 创建一个空间

创建空间也比较容易，记得选择公开空间。

设置Dropzone

Dropzone是我很早就非常喜欢的一个软件。它通过拖拽的方式，增强了文件的处理流程。一直懒得给它开发插件，没想到七牛的SDK如此好用，所以今天折腾了一下搞定了。

注：如果买不起可以选择使用免费破解版
地址：链接: http://pan.baidu.com/s/1c2v5gWg 密码: pj3g

下载软件

这个软件可以在App Store上直接购买，但是买到的是功能受限的，它不能操作外部文件。不过没有关系，再从官网上下载非沙箱版本，然后覆盖掉Application文件夹下的即可。

安装Qiniu插件

我把这个插件放到了Github上，戳这里下载。

注：我已经将其保存到自己网盘，若上述链接失效，可以通过下列方法获取
链接: http://pan.baidu.com/s/1dFhVUDz 密码: pnv5

安装插件

下载后的是一个zip包，把这个包解压以后双击安装即可。

启用插件

从增加列表中选择我们安装好的七牛插件。

1-2.png

然后填写配置：

server: 七牛上的空间名
username: 七牛的access_key
password: 七牛的secret_key
remote path(可选): 本地同步图片的目录，如果你希望本地也存一份图片，选一个地址即可
root url: 七牛的公共链接根目录

Remote Path 用于将随时在各个目录下拖拽上传的文件备份在本地目录一个选定文件夹中。填写该选项测试时总报错，不知具体的路径逻辑是怎么样的，不过可以忽略。

1-3.png

1-4.png

其他建议

利用Dropzone还有很多可利用的技巧，例如增加一个ImageOptim应用来压缩图片，然后再进行上传。

对于临时图片，可以直接上传到Imgur获得链接。

原文地址：http://yansu.org/2015/01/10/use-dropzone-and-qiniu-to-store-blog-images.html

参考文档：http://azeril.me/blog/How-To-Use-Image-Hosting-Quickly.html