Ajax 交互式文件上傳與 PHP

Question

如何開始創建通過 Ajax 工作的文件上傳機制？ 我之前寫過文件上傳腳本，但它們不涉及 JavaScript，只是提交了一個修改了編碼類型屬性的表單。 我需要文件上傳具有以下功能：

1. 進度條
2. 錯誤檢查（針對網絡連接斷開、錯誤數據等）
3. 絕對沒有“手動”表單提交，Ajax 負責這一切。

最后，您知道那些允許您一次上傳多個文件的上傳按鈕 select 與一次只能讓您 select 一個文件相比？ 我怎樣才能實現這些呢？

我使用 PHP 作為我的后端順便說一句。

Answer 1

您可以通過查看已經完成的 ajax 文件上傳器找到問題的答案。 例如，jquery 有許多不同的插件。 一個好的起點是查看elfinder 。 它基於 jQuery 和 jQuery UI 前端，並有 Python 和 Z2EC543BDE83A1A3ED7BCZEB0676E664 連接器后端。 這是另一個有用的鏈接：

• jQuery.upload - 一個簡單的 ajax 文件上傳插件
• 支持 jQuery 拖放的多文件上傳小部件
• jQuery 文件上傳演示
• elFinder - web 的文件管理器

您應該了解的主要事情是，無法使用 xhr-requests 上傳文件。 而就今天而言，上傳文件的唯一方法是使用隱藏的 iframe 和一些 javascript 魔法來完成這項工作。

Answer 2

我一直在尋找好的文件上傳腳本很長一段時間。 我最近一直在使用YUI文件上傳器，但以下內容應該適用於 PHP。 出於某種原因，我花了很長時間學習如何讓 YUI 工作，而且它使用 Flash 進行實際上傳。

http://aquantum-demo.appspot.com/file-upload

在此頁面上包含 PHP 的設置信息：

https://github.com/blueimp/jQuery-File-Upload/wiki/Setup