vue axios 保存前端文件流圖片/文件

處理文件、圖片的上傳與下載,再獲取到File的文件流傳遞到后臺時(shí)是object File格式,后臺需要格式為binary格式,此時(shí)轉(zhuǎn)換方法如下:

Array.from(e.target.file).map(file => {
               if (window.FormData) {
                    let formData = new FormData();
                    formData.append('file', file);
                    formData.append(elseData.key, elseData.value);
                    http.post(url, formData, {
                        // headers: {
                        //     'Content-Type': 'multipart/form-data'
                        // },
                        isFIle: true,
                        onUploadProgress (progressEvent) {
                            if (progressEvent.lengthComputable) {
                                getType(callback) === 'function' && callback(progressEvent);
                            }
                        }
                    }).then(data => {
                        resolve(data);
                    }, error => {
                        reject(error);
                    });
                } else {
                    reject(new Error('您的瀏覽器不支持此類文件上傳,請升級瀏覽器!'));
                }
                        });
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 前言 在 HTML5 File API 出現(xiàn)之前,前端對于文件的操作是非常有局限性的,大多需要配合后端實(shí)現(xiàn)。出于安...
    D_R_M閱讀 2,355評論 0 2
  • 今天看到一篇文章,里面提到一個(gè)五年級孩子的參賽作文,文中的小學(xué)生用稚嫩的筆,寫下了她的心聲。記得里面其中有句話,我...
    高敏娟閱讀 227評論 0 0
  • 大多時(shí)候它是不動的靜止了枝葉,皮肉,血液以及漸趨朦朧的深綠你以一個(gè)局外人的身份看它抽枝,萌芽,走向衰老完結(jié)只是反復(fù)...
    南方小余閱讀 174評論 0 1
  • 臺北是臺灣的首善之區(qū)。 她夠時(shí)尚,光是那滿街的型男靚女就足以大飽眼福;她很精致,干凈整潔的街道讓你無時(shí)無刻不享受著...
    白日夢旅行閱讀 4,573評論 16 144
  • 你曾經(jīng)的向往,或許某一天都會實(shí)現(xiàn)。 有一天一個(gè)讀者在看我文章的時(shí)候,她說:"你已經(jīng)寫了這多文字了。"其實(shí)我并沒有發(fā)...
    北方小確幸閱讀 437評論 3 10

友情鏈接更多精彩內(nèi)容