怎么使用Dropzone 快速上传图片

案例的原文请看文末链接，我在这再简单介绍一下吧。首先你需要有用过七牛云存储，关于这款图床产品就不需要我详细介绍了吧，百度一大堆文章，看看就好，这里需要我们在安装自制 Dropzone Action 后，为 Action 里配置上你在七牛里建立的空间信息以及 Access Key、Secret Key 以及空间域名。

具体步骤：

下载并安装 Dropzone Qiniu 插件

安装 Qiniu 的 Ruby 库，在命令行执行 sudo gem install qiniu

启用插件后在配置窗口内填写七牛空间的各种信息：

server: 你再七牛上的空间名

username: 七牛的access_key

password: 七牛的secret_key

remote path(可选): 本地同步图片的目录，如果你希望本地也存一份图片，选一个地址即可

root url: 七牛的公共链接根目录(也就是默认的域名或者自定义域名)

之后将图片直接拖入 Dropzone 在 Menubar 的操作台菜单中七牛插件的图标上即可开始上传图片，上传完毕后系统会有消息通知告知上传完毕。

但在实际操作中，你可能会像我一样遇到 Qiniu Ruby 库无法正常安装的情况，此时你需要确认一下系统 Ruby 的安装目录，有的时候她会安装在 /usr/bin/ 里，也有时候会在 /usr/local/bin/，此时你需要到 Dropzone Qiniu 插件 里的 Action.rb 里编辑一下注释段落最后一行里对 RubyPath 的路径，如下图，不然你在使用插件时会遇到以下类似的错误提示

/System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/rubygems/core_ext/kernel_require.rb:55:in `require’: cannot load such file — qiniu (LoadError)

from /System/Library/Frameworks/Ruby.framework/Versions/2.0/usr/lib/ruby/2.0.0/rubygems/core_ext/kernel_require.rb:55:in `require’

from /Users/sguotao/Library/Application Support/Dropzone 3/Actions/Qiniu.dzbundle/action.rb:16:in `’

from /Applications/Dropzone 3.app/Contents/Actions/lib/run… `load’

from /Applications/Dropzone 3.app/Contents/Actions/lib/run… `’

还有的时候，你执行 sudo gem install qiniu 这句命令时会遇到上面这种提示，这说明默认的 Gem Source 里的网址需要做代理访问，在 Qiniu Ruby 包的安装命令添加 –http-proxy 代理服务器:端口，也就是 sudo gem install –http-proxy 代理服务器:端口 qiniu;或者你也可以删除 Gem Source 里默认的 https:///，使用淘宝提供的 Ruby 镜像站：https://(注意要用 https)。

配置 Gem Sources 的方法是：

显示当前使用的sources：gem sources

添加一个source：gem sources -a url地址

删除一个source：gem sources -r url地址

更新source cache：gem sources -u

搞定之后就可以正常下载 Qiniu Ruby 包了，不过在安装的过程中你可能还会遇到困难，就像下面这种：

反正就是 bla bla 一大堆，我在网上看到的安装 XCode Command Line Tools 就能搞定了，在终端执行 gcc –version 即可，之后都 OK 了，可以正常使用插件。