首页 > 代码库 > 7 款基于 JavaScript/AJAX 的文件上传插件

7 款基于 JavaScript/AJAX 的文件上传插件

2024-07-07 18:48:14   215人阅读

本文整理了7款基于JavaScript和AJAX的文件上传插件，这些插件基本上都能实现以下功能： 

  • 多文件上传
  • 拖拽操作
  • 实时上传进度
  • 自定义上传限制

希望能为你的开发工作带来帮助。 

1.  jQuery File Upload 

具有多文件上传、拖拽、进度条和图像预览功能的文件上传插件，支持跨域、分块、暂停恢复和客户端图像缩放。可与任何服务端平台（如PHP、Python、Ruby on Rails、Java、Node.js、Go等）一起使用，支持标准的HTML表单文件上传。 



2.  Pixelcone Fileuploader 

使用HTML5 API的jQuery文件上传插件，支持AJAX上传和拖拽操作，以及针对老版本浏览器的iframe上传部件。有多种形式来实现多文件上传，每种形式由单一的上传脚本来控制。 



3.  Ajax Upload 

该插件使用XHR来上传多个文件，支持拖拽操作，可以在FF3.6+、Safari4+、Chrome等浏览器中完美运行。 



4.  Plupload 

这是一个针对CMS或类似系统的、高度可用的上传插件。支持分块、拖拽、图像缩放、限制文件大小、显示上传进度等。 



5.  Uploadify 

Uploadify是一个jQuery插件，帮助你在网站中轻松添加多文件上传功能，提供了两个版本（HTML5、Flash）。支持多文件上传、拖拽、实时进度显示，提供了大量的定制功能。 



6.  Ajax File Upload 

该插件是Ajaxupload插件的修改版本，不具备HTML5功能。 



7.  jQuery FileDrop 

该插件使用HTML5 API，允许用户从桌面拖动多个文件到浏览器中，并上传每个文件到用户指定的URL。该插件使用HTML5 FileReader()来读取文件数据。 

英文原文：7 Javascript Ajax File Upload Plugins

<iframe id="google_ads_frame5" vspace="0" height="250" marginHeight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3447371224873639&output=html&h=250&slotname=8660799060&adk=1970350646&w=300&lmt=1402381173&flash=0&url=http%3A%2F%2Fwww.cnblogs.com%2Fxiaochao12345%2Fp%2F3764883.html&dt=1402381175912&shv=r20140603&cbv=r20140417&saldr=sb&correlator=1402381175688&frm=20&ga_vid=469728998.1401679695&ga_sid=1402377708&ga_hid=1325618656&ga_fc=1&u_tz=480&u_his=99&u_java=1&u_h=768&u_w=1364&u_ah=740&u_aw=1364&u_cd=16&u_nplug=0&u_nmime=0&dff=verdana&dfs=12&adx=0&ady=0&biw=314&bih=74&eid=317150304&oid=3&rx=0&eae=0&docm=9&vis=0&fu=0&ifi=5&xpc=2g6YDfLiHn&p=http%3A//www.cnblogs.com&dtd=49" frameBorder="0" width="300" allowTransparency="true" name="google_ads_frame5" marginWidth="0" scrolling="no" hspace="0"></iframe><iframe id="google_ads_frame6" vspace="0" height="250" marginHeight="0" src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-pub-3447371224873639&output=html&h=250&slotname=8660799060&adk=1970350646&w=300&lmt=1402381173&flash=0&url=http%3A%2F%2Fwww.cnblogs.com%2Fxiaochao12345%2Fp%2F3764883.html&dt=1402381176090&shv=r20140603&cbv=r20140417&saldr=sb&prev_slotnames=8660799060&correlator=1402381175688&frm=20&ga_vid=469728998.1401679695&ga_sid=1402377708&ga_hid=1325618656&ga_fc=1&u_tz=480&u_his=99&u_java=1&u_h=768&u_w=1364&u_ah=740&u_aw=1364&u_cd=16&u_nplug=0&u_nmime=0&dff=verdana&dfs=12&adx=304&ady=250&biw=314&bih=74&eid=317150304&oid=3&rx=0&eae=0&docm=9&vis=0&fu=0&ifi=6&xpc=aL10lwo1vz&p=http%3A//www.cnblogs.com&dtd=40" frameBorder="0" width="300" allowTransparency="true" name="google_ads_frame6" marginWidth="0" scrolling="no" hspace="0"></iframe>


联系
我们