上传插件神器Plupload

之前我在博客中曾经介绍过一款基于Flash上传的插件叫SWFUpload,今天,我给大家介绍一款比SWFUpload更强大的上传插件: Plupload。

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

【国内直连ChatGPT 29元起】
国内直连ChatGPT,Plus会员每月29元起,支持最新o1模型探索更多领域,无需注册OpenAI账号。

本地预览上传图片

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

full

支持本地修改图片尺寸大小

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

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

本地重命名

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

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

样式易修改

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

支持HTML5

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

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

分享

TITLE: 上传插件神器Plupload

LINK: https://www.qttc.net/443-plupload.html

NOTE: 原创内容,转载请注明出自琼台博客