javascript - JS 文件上傳問題
問題描述
問題:1、圖片可以轉成base64上傳,為什么Excel,pdf等不能轉base64?2、通過XMLHttpRequest上傳文件,文件放入FormData中,但怎么給文件綁定標記,比如說,怎么知道這個文件是我當前用戶的?3、大家有沒有好的js文件上傳解決方案?
問題解答
回答1:在現代瀏覽器下,可使用 html5 相關API實現。我暫時想到這幾個 Blob FileReader btoa 具體的就需要你去查文檔了
FormData可以用append添加額外的字段。 這里你需要放開思路,一個字段最終代表著傳遞到后臺的一個參數,這個參數其實是很抽象的一個概念,具體取決與你前臺跟后臺的約定。 舉個例子,我可以在最后要發送請求的時候構造一個額外對象(它的字段取值要跟后臺商量),添加到FormData中,發送到服務端。
var meta = { name:'', time:'', data:[]} formData.append('meta', JSON.stringify(meta));
服務端最后再將這個字段反序列化成對象,取得里面的值。
最后,js文件上傳是HTML5后提供的功能所以有兼容性的問題,說白了也就是那幾個新增API的使用,去 MDN上把相關文檔、demo 看一下就差不多了
回答2:1.pdf應該是可以轉base64的,excel沒測試過,但excel可以轉為Blob類型,理論上也應該可以轉為base6。
2.FormData再加一個參數作為文件的唯一標記,一起傳到后端就行了。
回答3:第1點我不太清楚,第2點需要通過session,靠服務端
回答4:第二點可以多給formdata增加一個input字段
相關文章:
1. node.js - mongodb查找子對象的名稱為某個值的對象的方法2. html5 - datatables 加載不出來數據。3. docker 下面創建的IMAGE 他們的 ID 一樣?這個是怎么回事????4. 運行python程序時出現“應用程序發生異常”的內存錯誤?5. html5和Flash對抗是什么情況?6. 利用IPMI遠程安裝centos報錯!7. 測試自動化html元素選擇器元素ID或DataAttribute [關閉]8. javascript - 在 model里定義的 引用表模型時,model為undefined。9. 前端 - @media query 使用出現的問題?10. javascript - QQ第三方登錄的問題

網公網安備