//template
<span v-if="item.canEdit">附件：</span>
<el-upload v-if="item.canEdit" ref="upload" action="/upLoad" :on-remove="remove"
:headers="{'content-type':'application/x-www-form-urlencoded'}" :http-request="upLoad"
:on-preview="previewFile" :file-list="item.addons">
<el-button v-if="item.canEdit" type="primary" plain size="mini" @click="checkAddonsIndex(item,index)">選擇附件
</el-button>
</el-upload>
//js
upLoad(file) {
var _this = this
function getBase64(file) {
return new Promise((resolve, reject) => {
const reader = new FileReader()
reader.readAsDataURL(file)
reader.onload = () => resolve(reader.result)
reader.onerror = error => reject(error)
})
}
return getBase64(file.file).then(res => { //需要return才會顯示上傳成功狀態，不加return不好使
let form = {
"addonName": file.file.name,
"content": res,
..._this.uploadParam
}
upLoad(form).then((res) => {
this.$message({
message: '上傳成功',
type: 'success'
});
})
})
},