怎么使用Dropzone 快速上传图片
怎么使用Dropzone 快速上传图片
发布时间:2016-11-07 来源:查字典编辑
摘要:怎么使用Dropzone快速上传图片案例的原文请看文末链接,我在这再简单介绍一下吧。首先你需要有用过七牛云存储,关于这款图床产品就不需要我详...

怎么使用Dropzone 快速上传图片

怎么使用Dropzone 快速上传图片1

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

怎么使用Dropzone 快速上传图片2

具体步骤:

下载并安装 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 的路径,如下图,不然你在使用插件时会遇到以下类似的错误提示

怎么使用Dropzone 快速上传图片3

/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… `’

怎么使用Dropzone 快速上传图片4

还有的时候,你执行 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 包了,不过在安装的过程中你可能还会遇到困难,就像下面这种:

怎么使用Dropzone 快速上传图片5

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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新电脑常识学习
热门电脑常识学习
电脑子分类