jQuery檔案上傳外掛

演示

引用

外掛地址

描述

檔案上傳小部件與多個檔案選擇，拖放支援，進度條，驗證和預覽影象，音訊和視訊的jQuery。
支援跨域，分塊和可恢復的檔案上傳和客戶端影象調整大小。適用於任何支援標準HTML表單檔案上傳的伺服器端平臺（PHP，Python，Ruby on Rails，Java，Node.js，Go等）。

建立

特徵

• 多檔案上傳：
  允許一次選擇多個檔案，並同時上傳。
• 拖放支援：
  允許通過從桌面或檔案管理器拖動檔案並將其放在瀏覽器視窗上來上傳檔案。
• 上傳進度條：
  顯示指示單個檔案和所有上傳的上傳進度的進度條。
• 可取消上傳：
  可取消個別檔案上傳以停止上傳進度。
• 可恢復上傳：
  已中止的上傳可以使用支援Blob API的瀏覽器恢復。
• 
  分塊上傳：大型檔案可以使用支援Blob API的瀏覽器以較小的大小上傳。
• 客戶端圖片調整大小：
  可以在客戶端使用支援所需JS API的瀏覽器自動調整圖片大小。
• 預覽影象，音訊和視訊：
  在使用支援所需API的瀏覽器上傳之前，可以顯示影象，音訊和視訊檔案的預覽。
• 不需要瀏覽器外掛（例如Adobe Flash）：
  該實現基於像HTML5和JavaScript這樣的開放標準，不需要額外的瀏覽器外掛。
• 舊版瀏覽器的正常後備：
  如果支援，通過XMLHttpRequests上傳檔案，並且使用iframe作為舊版瀏覽器的後備。
• HTML檔案上傳表單fallback：
  
  允許通過使用標準HTML檔案上傳表單作為widget元素進行逐步增強。
• 跨網站檔案上傳：
  支援將檔案上傳到具有跨網站XMLHttpRequests或iframe重定向的其他網域。
• 多個外掛例項：
  允許在同一網頁上使用多個外掛例項。
• 可自定義和可擴充套件：
  提供一個API，用於設定各個上傳事件的單個選項和定義callback方法。
• 多部分和檔案內容流上傳：
  檔案可以作為標準的“多部分/表單資料”或檔案內容流（HTTP PUT檔案上傳）上傳。
• 與任何伺服器端應用程式平臺相容：
  適用於支援標準HTML表單檔案上傳的任何伺服器端平臺（PHP，Python，Ruby on Rails，Java，Node.js，Go等）。

要求

強制性要求

可選要求

除了jQuery UI版本之外的所有版本的使用者介面都是使用Bootstrap構建的。

跨域要求

使用Iframe傳輸外掛的跨域檔案上傳需要重定向回原始伺服器以檢索上傳結果。該示例實現利用了result.html作為源伺服器的靜態重定向頁面。

儲存庫還包括jQuery XDomainRequest傳輸外掛，它在Microsoft Internet Explorer 8和9（IE 10支援跨域XHR請求）中啟用有限的跨域AJAX請求。
XDomainRequest物件僅允許GET和POST請求，不支援檔案上傳。它在演示中用於從跨域演示檔案上傳服務中刪除上傳的檔案。

自定義後端

您可以按照此處概述的規範新增對各種後端的支援。

瀏覽器

桌面瀏覽器

檔案上傳外掛經常使用最新的瀏覽器版本進行測試，並支援以下最低版本：

• 谷歌瀏覽器
• Apple Safari 4.0+
• Mozilla Firefox 3.0+
• Opera 11.0+
• Microsoft Internet Explorer 6.0+

移動瀏覽器

檔案上傳外掛已測試並支援以下移動瀏覽器：

• iOS 6.0+上的Apple Safari
• iOS 6.0及更高版本的Google Chrome瀏覽器
• Android 4.0及更高版本的Google Chrome瀏覽器
• Android 2.3以上版本的預設瀏覽器
• Opera Mobile 12.0+

支援的功能

有關每個瀏覽器版本支援

貢獻

可以使用拉取請求提出錯誤修復和新功能。在提交拉式請求之前，請閱讀貢獻指南。

支援

這個專案是積極維護的，但沒有官方的支援渠道。
如果你有另一個開發人員可能會幫助你的問題，請釋出到Stack Overflow和標記你的問題blueimp jquery file upload。

License