上传插件神器:Plupload!

Other 2014-08-06 Plupload,flash,swf,上传,html5

之前我在博客中曾经介绍过一款基于flash上传的插件叫SWFUpload,大家可以移步到此《SWFUpload在PHP中使用实例》回顾。今天,我给大家介绍一款比SWFUpload更强大的上传插件:Plupload。

大家可以点击这里看看官网的DEMO:http://www.plupload.com/examples/

如果链接打不开,或者打开后看不到上传组件的可能需要翻墙,如何翻墙可以看我之前写的《国外SSH账号+MyEnTunnel+Firefox翻墙》或者到网上搜索相关资料。

Plupload特性一:本地预览上传图片

这个功能可以说非常实用,如上面的截图类似,可以在上传之前预览即将要上传的本地图片。可以先把所有要上传的图片都选择以后,再预览图里去做一些处理。

Plupload特性二:支持本地修改图片尺寸大小

resize : {
       width : 200,
       height : 200,
       quality : 90,
       crop: true // crop to exact dimensions
},

以上代码就是官网例子代码上的,width和height填写重定义大小后的尺寸,其中还有一个quality质量选项,有点类似做图软件一样,一般网上的图片都不要100的质量,基本80就表现得很细腻了。

Plupload特性三:本地重命名

 // Rename files by clicking on their titles
 rename: true,

选择需要上传的图片或者文件以后,不仅能处理尺寸还能在上传之前自定义图片上传到服务器的文件名,如果害怕有重名情况Plupload还提供了一个名称唯一的选项unique_names:true防止重名

Plupload特性四:样式易修改

Plupload使用的是jQueryUI的的主题,所以要修改Plupload的外观就是修改jQueryUI主题的样式,熟悉jQueryUI的同学很轻易就能上手。

Plupload特性五:新

首先更新维护都比SWFUpload要新,目前SWFUpload基本没有动静了,另外Plupload还支持HTML5方式,所以它不纯碎使用SWF解决上传方案。最后它的UI是使用jQueryUI第三方,这种程序设计导致使用者很容易进行UI重构。

HTML4的简陋以及POST的传递方式让file上传的表单一直都是头疼问题,虽然HTML5(IE需要10+)可以Ajax上传但目前使用IE8或者IE9的人还占大多数,所以这也导致了Plupload这类对于兼容低端浏览器使用flash上传高级浏览器就使用HTML5的方式上传的插件很受欢迎。

文字链接:《上传插件神器:Plupload!

文章地址:http://www.qttc.net/201408443.html

除非标注,琼台博客所有博文均为原创,转载请加文字链接注明来源

乳名?小名?昵称?网名?均可

email,放心,我不会给你乱投广告的

想获得回访就把你的站点URL写上(没有留空)

[NOTICE]木要投放广告
[NOTICE]木要骂人,说不该说的话
[NOTICE]自由言论,但要遵纪守法

Comments 6