[Vue]el-upload 上傳CSV檔案範例
背景條件:vue3 + element-plus
使用Element的官方範例會出現一個狀況,file會變成物件上傳
因此需要換一種方式寫
<el-upload class="upload-excel"
ref="upload"
action="string"
accept=".csv"
:limit="1"
:http-request="submitFile"
:file-list="fileList"
>
<el-button>上傳檔案</el-button>
</el-upload>
<!-- accept可換成其他檔案類型 -->
setup()中
let fileList = ref([])
function submitFile(fileObj) {
let formData = new FormData();
formData.set("file", fileObj.file)
axios.post('/link', formData, {
headers: {
'Content-Type': 'multipart/form-data'
},
})
}
return{
fileList,
submitFile
}
file的格式就會換成(二進位檔) 就能上傳成功了