怎么使用Dropzone 快速上传图片

  怎么使用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 http://代理服务器:端口,也就是 sudo gem install –http-proxy http://代理服务器:端口 qiniu;或者你也可以删除 Gem Source 里默认的 https://rubygems.org/,使用淘宝提供的 Ruby 镜像站:https://ruby.taobao.org(注意要用 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 了,可以正常使用插件。 

时间: 2024-08-31 01:05:59

怎么使用Dropzone 快速上传图片的相关文章

拒绝雅虎收购 图片分享网Imgur融资4000万美元

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 据<纽约时报>网站报道,图片分享网站Imgur今天宣布获得了来自安德森-霍洛维茨基金会(Andreessen Horowitz)的4000万美元A轮融资,而对Imgur早期走红功不可没的社交新闻网站Reddit也对它投了一小笔钱.去年年底时曾有传言称雅虎欲收购Imgur,但未有下文. Imgur目前月独立访问量高达1.3亿,每日照

Google推出“以图找图”图片搜索功能

Google新功能图片搜索 (TechWeb配图)几天前谷歌宣布推出令人相当期待的"以图找图"功能.类似的"以图找图.以图搜图"的网站还有酷站之前介绍过的GazoPa.Tineye.据悉,Google图片搜索这一产品是利用图片内容.透视和颜色等因素进行图片搜索,以帮助用户找到近似的图片搜索结果.该技术采用了自动图片识别技术.元数据技术.Google图片搜寻引擎除了可以让使用者添加图片网址来搜寻图片,也可支持图片上传,如果你使用的是Google浏览器或Firefox浏

三星智能数字标牌电视即将上市

随着越来越多的80后90后在毕业后选择自主创业,各类特色鲜明.重视消费体验的潮流店铺如雨后春笋般纷纷涌现.就像用自媒体玩法做米粉店的伏牛堂,虽然店铺规模不大却因个性化的经营方式而获得成功.现在,三星将为这些重视个性与服务体验的店铺商家,带来更添声威的定制化产品--三星智能数字标牌电视(SMART Signage TV).三星智能数字标牌电视创新性地将我们所熟知的液晶电视与在商用领域更具专业性的数字标牌相融合,结合电视的视频播放功能与数字标牌的信息演示功能,成功打造出一款适合中小店铺内使用的显示屏

Bump Top多点触摸 and 触摸点击区域

iFanr已有关于http://www.aliyun.com/zixun/aggregation/16415.html">Bump Top的介绍,体验了window版,可以将普通桌面转换为3D桌面,只可惜PC没有多点触摸.Bump-Top可以设置语言.图片质量.桌面角度和主题等等,运行起来很流畅.BT是将书桌的体验带到电脑,3D的显示效果,操作方式也自然要模拟了现实桌面,实现十个手指的操作体验.或许在5年之后,3D桌面将像现在的PC一样普及. 除了能完成多种移动.缩放和旋转效果之外,还能对

ASP无组件上传图片的基本方法

上传|上传图片|无组件 下面是ASP无组件上传图片的一个例子: <html> <head><title>文件上传</title></head> <body> <form enctype="multipart/form-data" action="upload.asp" method="post"> 请选择要上传的文件: <br> <input n

网上开店怎么批量上传图片

  新手开店的淘宝掌柜您还在用传统方式一件一件地上传自己的宝贝吗?淘宝开店是个很累人的工作,如果每件宝贝都需要一个一个地上传的话,想必需要花费不少的时间吧?今天为大家推荐一款实用的软件,专为网店卖家设计的图片美化软件,处理完图片后可直接实现图片的批量上传,而且还可以批量复制宝贝链接/代码到详情描述编辑区,帮助掌柜们完成商品的快速上架. 下面,就来看看美图淘淘这个超实用的图片批量上传功能是如何操作实施的吧: STEP1:导入宝贝图片并完成美化工作.这一步同样可以批量进行哦!美图淘淘可以批量导入多张

网络上传图片常见问题 好照片来帮你

拍出来的片子,总要有人欣赏,网络就成为了这样一个平台.把自己的片子上传到网络,成为了一种流行,那如果在上传图片的时候遇到了小问题,好照片就可以帮你解决. 一.快速添加水印防盗图 很多人喜欢在自己的作品上打上属于自己的烙印,以在鱼龙混杂的网络中表示所有权.这种烙印,即可被称为水印.制作水印并不麻烦,使用好照片就能轻轻松松地达到这样的效果. 下面是对比图: 处理前后对比 好照片是一款摄影后期处理软件,操作简单便捷,效果专业而强大,适合各个阶段的摄影者使用. 打开好照片,导入需要添加水印的图片,切换到

Markdown编辑器editor.md的使用---markdown上传图片

http://pandao.github.io/editor.md/ http://pandao.github.io/editor.md/examples/html-preview-markdown-to-html.html https://github.com/helloworldtang/spring-boot-rte-study 一.Markdown和editor.md简介: Markdown在技术圈里(估计更多是程序猿吧)越来越流行.简单的语法,统一的格式,使用过程中,手基本上不用从键盘

如何快速开发网站?

开发网站 ,一般是如下过程: 找美工画图 进行图片切分 开发人员添加内容 现在还用JSP来做网页,当然属于...那啥的事情. 今天看看不一样的体验,稍有HTML基础,马上就可以照葫芦画瓢了. 第一步:找美工画图,第二步图片切分 这两步合成一步,到网上找模板,假设我们就看上这个模板了. http://www.cssmoban.com/cssthemes/88.shtml 点击下面的地址http://down.cssmoban.com/cssthemes/dating-web-template-5.