如何通過POST以二進制格式正確發送文件？

Question

當我上傳文件的正常方式沒有Ajax，頁面重新加載，和POST請求的有效載荷是這樣的，當我看着它在Chrome元素督察的網絡標籤：

------WebKitFormBoundaryXseUYiNOVZKdYrTk 
Content-Disposition: form-data; name="fdata[]"; filename="baby_bot.jpg" 
Content-Type: image/jpeg 


------WebKitFormBoundaryXseUYiNOVZKdYrTk 
Content-Disposition: form-data; name="fdata[]"; filename="dyno_bones.png" 
Content-Type: image/png 


------WebKitFormBoundaryXseUYiNOVZKdYrTk-- 

但是，當我嘗試手動創建POST請求，並通過使用FileReader對象以二進制格式讀取文件的內容並通過手動創建的POST請求發送二進制數據，並使用ajax發送文件，負載如下所示：檢查器中：

------CustomFormBoundaryXseUYiNOVZKdYrTk 
Content-Disposition: form-data; name="fdata[]"; filename="baby_bot.jpg" 
Content-Type: image/jpeg 

a2q#¡B±Áð$RÑá3ñ%br4C&Scs¢ÂâÿÄ 

------CustomFormBoundaryXseUYiNOVZKdYrTk 
Content-Disposition: form-data; name="fdata[]"; filename="dyno_bones.png" 
Content-Type: image/png 

a2q#¡B±Áð$RÑá3ñ%br4C&Scs¢ÂâÿÄ 

------CustomFormBoundaryXseUYiNOVZKdYrTk-- 

請注意，您可以看到二進制數據（由那些隨機重音字符）在POST請求的正文中。我怎樣才能讓我手動創建的POST請求是完全相同的到瀏覽器，以便我從我的PHP處理程序腳本得到相同的結果？這裏的想法是，我可以模擬瀏覽器發送的POST請求，而不必修改PHP後端中的任何內容。

Answer 1

而不是嘗試模擬POST請求數據，請使用FormData對象。它易於使用，並允許您通過ajax輕鬆發送表單數據。 A FormData對象在XMLHttpRequest對象的幫助下自動創建併發送相應的POST請求。

Mozilla文檔包含一個nice article on how to use the XMLHttpRequest object，其本身包含一個nice example on how to use the FormData object。