javascript - JS 文件上傳問題
問題描述
問題:1、圖片可以轉(zhuǎn)成base64上傳,為什么Excel,pdf等不能轉(zhuǎn)base64?2、通過XMLHttpRequest上傳文件,文件放入FormData中,但怎么給文件綁定標記,比如說,怎么知道這個文件是我當前用戶的?3、大家有沒有好的js文件上傳解決方案?
問題解答
回答1:在現(xiàn)代瀏覽器下,可使用 html5 相關(guān)API實現(xiàn)。我暫時想到這幾個 Blob FileReader btoa 具體的就需要你去查文檔了
FormData可以用append添加額外的字段。 這里你需要放開思路,一個字段最終代表著傳遞到后臺的一個參數(shù),這個參數(shù)其實是很抽象的一個概念,具體取決與你前臺跟后臺的約定。 舉個例子,我可以在最后要發(fā)送請求的時候構(gòu)造一個額外對象(它的字段取值要跟后臺商量),添加到FormData中,發(fā)送到服務(wù)端。
var meta = { name:'', time:'', data:[]} formData.append('meta', JSON.stringify(meta));
服務(wù)端最后再將這個字段反序列化成對象,取得里面的值。
最后,js文件上傳是HTML5后提供的功能所以有兼容性的問題,說白了也就是那幾個新增API的使用,去 MDN上把相關(guān)文檔、demo 看一下就差不多了
回答2:1.pdf應(yīng)該是可以轉(zhuǎn)base64的,excel沒測試過,但excel可以轉(zhuǎn)為Blob類型,理論上也應(yīng)該可以轉(zhuǎn)為base6。
2.FormData再加一個參數(shù)作為文件的唯一標記,一起傳到后端就行了。
回答3:第1點我不太清楚,第2點需要通過session,靠服務(wù)端
回答4:第二點可以多給formdata增加一個input字段
相關(guān)文章:
1. javascript - sublime快鍵鍵問題2. javascript - immutable配合react提升性能?3. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~4. javascript - nodejs關(guān)于進程間發(fā)送句柄的一點疑問5. Apache 已經(jīng)把網(wǎng)站根目錄的改為allow from all了,但是服務(wù)器還是不能訪問?6. 實現(xiàn)bing搜索工具urlAPI提交7. 配置Apache時,添加對PHP的支持時語法錯誤8. vue.js - Vue 如何像Angular.js watch 一樣監(jiān)聽數(shù)據(jù)變化9. javascript - 移動端上不能實現(xiàn)拖拽布局嗎?10. phpstudy8.1支持win11系統(tǒng)嗎?

網(wǎng)公網(wǎng)安備