文件上傳是網站很常見的功能之一,經過使用 jQuery 能夠讓上傳過程更加人性化,更好的用戶體驗。本文介紹20個jQuery的文件上傳插件,其中有一些是教程。javascript
1. Pluploadphp
Plupload 是一個Web瀏覽器上的界面友好的文件上傳模塊,可顯示上傳進度、圖像自動縮略和上傳分塊。可同時上傳多個文件。html
2. The KillersAjax Uploadjava
該插件使用 XHR 用於上傳多個文件,支持上傳進度顯示,但不支持 IE
jquery
3. SWFUpload jQuery Pluginnginx
4. AjaxFileUploadweb
5. Uploadifyajax
Uploadify簡單說來,是基於Jquery的一款文件上傳插件。它的功能特點總結以下:django
支持單文件或多文件上傳,可控制併發上傳的文件數瀏覽器
在服務器端支持各類語言與之配合使用,諸如PHP,.NET,Java……
經過參數可配置上傳文件類型及大小限制
經過參數可配置是否選擇文件後自動上傳
易於擴展,可控制每一步驟的回調函數(onSelect, onCancel……)
經過接口參數和CSS控制外觀
6. jQuery Multiple File Upload Plugin
7. jqUploader
jqUploader 是實現文件上傳的jQuery插件
jQuery Form Plugin 是一個擴展表單操做的 jQuery 插件,直接文件上傳表單
10. jqswfupload
11. uploadprogress
13. Multiple File Upload With Progress Bar Using jQuery
14. jQuery.upload
15. Ajax File Upload Script Using jQuery
jQuery File Uploader 使用 iframe 來處理上傳過程
16. jQuery Custom File Upload Input
17. Image Upload and Cropping with PHP and Jquery
18. PHP & jQuery image upload and crop
19. AJAX upload progress bars with jQuery, Django and nginx
21. AJAX Multiple File Upload Form Using jQuery
22. FancyUpload – Swiff meets Ajax (v3.0)
FancyUpload是一個採用Flash與Ajax(MooTools)技術實現包含上傳進度條的多文件上傳組件,相似於SWFUpload。MooTools是一個與prototype相相似的一個Ajax框架。