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)
})
}
控制台
檔案應該是以流的形式傳遞的啊?怎麼會變成[object,object]