文件上傳 和上傳照片截圖

文件上傳是網站很常見的功能之一，通過使用 jQuery 可以讓上傳過程更加人性化，更好的用戶體驗。本文介紹20個jQuery的文件上傳插件，其中有一些是教程。

　　1. Plupload

　　Plupload 是一個Web瀏覽器上的界面友好的文件上傳模塊，可顯示上傳進度、圖像自動縮略和上傳分塊。可同時上傳多個文件。

　　

 

　　2. The KillersAjax Upload

　　該插件使用 XHR 用於上傳多個文件，支持上傳進度顯示，但不支持 IE

　　

 

　　3. SWFUpload jQuery Plugin

 

　　4. AjaxFileUpload

　　

 

　　5. Uploadify

　　Uploadify簡單說來，是基於Jquery的一款文件上傳插件。它的功能特色總結如下：

　　支持單文件或多文件上傳，可控制併發上傳的文件數

　　在服務器端支持各種語言與之配合使用，諸如PHP,.NET,Java……

　　通過參數可配置上傳文件類型及大小限制

　　通過參數可配置是否選擇文件後自動上傳

　　易於擴展，可控制每一步驟的回調函數(onSelect, onCancel……)

　　通過接口參數和CSS控制外觀

　　

 

　　6. jQuery Multiple File Upload Plugin

　　

 

　　7. jqUploader

　　jqUploader 是實現文件上傳的jQuery插件

　　

 

　　8. jQuery Form Plugin

　　jQuery Form Plugin 是一個擴展表單操作的 jQuery 插件，直接文件上傳表單

　　

 

　　9. jQuery Form Plugin

　　

 

　　10. jqswfupload

　　

 

　　11. uploadprogress

　　

 

　　12. jQuery File Upload

　　

 

　　13. Multiple File Upload With Progress Bar Using jQuery

　　

 

　　14. jQuery.upload

　　一個簡單的 Ajax 文件上傳插件

　　

 

　　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

　　

 

　　20. Uploading Files with AJAX

　　

 

　　21. AJAX Multiple File Upload Form Using jQuery

　　

 

　　22. FancyUpload – Swiff meets Ajax (v3.0)

　　FancyUpload是一個採用Flash與Ajax(MooTools)技術實現包含上傳進度條的多文件上傳組件，類似於SWFUpload。MooTools是一個與prototype相類似的一個Ajax框架。