[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的格式就會換成(二進位檔) 就能上傳成功了

關於站主

Shiro

因為興趣無限擴張,一直很猶豫要不要寫一個很雜的Blog,後來還是這麼做了。

聯絡:shiro050102✦gmail.com  ✦請自行更換成@

Vue