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. docker內創建jenkins訪問另一個容器下的服務器問題2. 如何解決Centos下Docker服務啟動無響應,且輸入docker命令無響應?3. 我在centos容器里安裝docker,也就是在容器里安裝容器,報錯了?4. javascript - js閉包作用域5. 極光推送 - Android app消息推送 百度 極光 個推 信鴿哪個好一些?6. html5 - 百度echart官網下載的地圖json數據亂碼7. css3 - 學習css構建圖形時,遇到一個很有意思的現象,具體代碼如下8. html - css 使用字體的時候,格式有什么特殊要求嗎?9. 微信開放平臺 - android 微信支付后點完成按鈕,后回調打開第三方頁面,屏幕閃動,求解決方法10. javascript - echart+百度地圖
