javascript - JS 文件上傳問題

問題描述

問題：1、圖片可以轉成base64上傳，為什么Excel，pdf等不能轉base64？2、通過XMLHttpRequest上傳文件，文件放入FormData中，但怎么給文件綁定標記，比如說，怎么知道這個文件是我當前用戶的？3、大家有沒有好的js文件上傳解決方案？

問題解答

在現代瀏覽器下，可使用 html5 相關API實現。我暫時想到這幾個 Blob FileReader btoa 具體的就需要你去查文檔了

FormData可以用append添加額外的字段。 這里你需要放開思路，一個字段最終代表著傳遞到后臺的一個參數，這個參數其實是很抽象的一個概念，具體取決與你前臺跟后臺的約定。 舉個例子，我可以在最后要發送請求的時候構造一個額外對象(它的字段取值要跟后臺商量)，添加到FormData中，發送到服務端。

var meta = { name:'', time:'', data:[]} formData.append('meta', JSON.stringify(meta));

服務端最后再將這個字段反序列化成對象，取得里面的值。

最后，js文件上傳是HTML5后提供的功能所以有兼容性的問題，說白了也就是那幾個新增API的使用，去 MDN上把相關文檔、demo 看一下就差不多了

1.pdf應該是可以轉base64的，excel沒測試過，但excel可以轉為Blob類型，理論上也應該可以轉為base6。

2.FormData再加一個參數作為文件的唯一標記，一起傳到后端就行了。

第1點我不太清楚，第2點需要通過session，靠服務端

第二點可以多給formdata增加一個input字段