天天看點

elementui中同時上傳多個檔案_ElementUI中,利用upload元件手動送出多個檔案報錯

class="upload-demo"

:action="uploadUrl"

:on-preview="handlePreview"

:on-remove="handleRemove"

:on-success="uploadSuccess"

:before-remove="beforeRemove"

:limit="1"

:on-exceed="handleExceed"

:file-list="fileList"

:data="uploadObj"

:headers="headers"

ref="upload"

:auto-upload="false"

>

點選上傳

slot="tip"

class="el-upload__tip col999"

>支援擴充名:rar. zip. doc. docx. pdf. jpg…

type="primary"

@click="saveSonTask"

size="small"

>确定

手動上傳檔案,在點選确定按鈕的時候我們在進行檔案的上傳

相關代碼

let formData = new FormData();

formData.append("file", _this.fileList); //将上傳的數組放在這裡

formData.append("concent", _this.form.taskDec); //任務表述

formData.append("planstartdate", _this.form.timeQuantum[0]); //任務開始日期

formData.append("planenddate", _this.form.timeQuantum[1]); //任務結束日期

formData.append("taskgrade", _this.form.referenceScore); //任務得分

formData.append("deptId", _this.form.dutyDep); //部門id

formData.append("deptName", _this.sonTaskDepAry[0].deptName); //部門名稱

formData.append("memo", _this.form.memo); //備注

formData.append("principalId", _this.form.taskTopName); //負責人id

formData.append("principalName", _this.principalName); //負責人名稱

formData.append("study", _this.form.learnTask === "是" ? true : false); //是否是學習任務

formData.append("urgency", _this.form.ifNow === "是" ? true : false); //是否緊急

formData.append("budget", _this.form.linkBudget === "是" ? true : false); //是否預算

formData.append("projectplanId", _this.plan_id); //項目id

formData.append("parentId", _this.rowData.id); //子任務需要傳遞一個父級id

// 這裡我們循環将需要的資料傳遞給背景

for (let i = 0; i < this.selectTaglist.length; i++) {

const element = this.selectTaglist[i];

formData.append("labelId[" + i + "].grade", element.grade);

formData.append("labelId[" + i + "].id", element.id);

formData.append("labelId[" + i + "].name", element.name);

}

_this.uploadFileRequest("project-plan/task/save", formData, function(

data

) {

console.log(data);

if (data.data.code == "406") {

_this.sonTaskDialog = false;

_this.$message({

message: data.data.message,

type: "warning"

});

return;

}

_this.sonTaskDialog = false;

_this.$message({

message: "儲存成功",

type: "success"

});

//封裝的axios

export const uploadFileRequest = (url, params,fun) => {

return axios({

method: 'post',

url: `${base}${url}`,

data: params,

headers: {

'Content-Type': 'multipart/form-data',

'authorization': sessionStorage.getItem('principal'),

'token': sessionStorage.getItem('token')

}

}).then(data=>{

fun(data)

})

}

控制台

elementui中同時上傳多個檔案_ElementUI中,利用upload元件手動送出多個檔案報錯

檔案應該是以流的形式傳遞的啊?怎麼會變成[object,object]