vue 檔案上傳方法formData
html:
<el-upload
ref="upload"
drag
action=""
class="uploader"
accept=".xls,.xlsx"
:multiple="false"
:on-change="handleChange"
:on-remove="handleRemove"
:file-list="fileList"
:auto-upload="false"
>
<i class="el-icon-upload"/>
<div class="el-upload__text">將檔案拖到此處,或<em>點選上傳</em></div>
<div slot="tip" class="sale-tips-text">只能上傳xls檔案,請下載模板填寫</div>
</el-upload>
</div>
</div>
</div>
<!-- button -->
<div class="sale-m-t-16 text-center">
<el-button class="sale-button-default" type="primary" round @click="handleUpload">匯入</el-button>
formData方法
// 匯入客戶介面
uploadCust() {
this.loading = true
const formData = new FormData()
formData.append('upload', this.fileList[0].raw)
const params = this.uploadCustomerParams
for (const index in params) {
formData.append(index, params[index])
}
uploadCust(formData)
.then(resp => {
// this.$message.success('匯入成功')
})
.catch(e => {
this.$message.error(e.toString())
this.loading = false
})
},
相關文章
- 記 Laravel 呼叫 Gin 介面呼叫 formData 上傳檔案LaravelORM
- 記一個 FormData 多檔案上傳問題ORM
- .NET和.NET Core Web APi FormData多檔案上傳對比WebAPIORM
- vue-resource+iview上傳檔案取消上傳VueView
- vue使用ant design vue(upload)檔案上傳Vue
- vue + minio上傳檔案伺服器Vue伺服器
- 大檔案上傳、斷點續傳、秒傳、beego、vue斷點GoVue
- vue 靜態檔案上傳到七牛Vue
- VUE-多檔案斷點續傳、秒傳、分片上傳Vue斷點
- vue中檔案上傳阿里雲並獲取上傳進度Vue阿里
- formData原生實現圖片上傳ORM
- 單個檔案上傳和批量檔案上傳
- 檔案上傳
- Java大檔案上傳、分片上傳、多檔案上傳、斷點續傳、上傳檔案minio、分片上傳minio等解決方案Java斷點
- 自定義檔案上傳功能實現方法
- 【liunx命令】上傳下載檔案的方法
- 檔案上傳之三基於flash的檔案上傳
- 前端大檔案上傳/分片上傳前端
- minio上傳檔案
- 檔案上傳漏洞
- JavaScript 檔案上傳JavaScript
- SpringBoot上傳檔案Spring Boot
- Flask——檔案上傳Flask
- Linux上傳檔案Linux
- Git上傳檔案Git
- PHP上傳檔案PHP
- 檔案上傳概述
- ajaxfileupload 檔案上傳
- vue3中清空input type="file"上傳檔案Vue
- vue實現Excel檔案的上傳與下載VueExcel
- .NET Core 如何上傳檔案及處理大檔案上傳
- Linux伺服器上傳檔案傳送檔案Linux伺服器
- Vue+axios+Node+express實現檔案上傳(使用者頭像上傳)VueiOSExpress
- vue ElementUI upload上傳檔案時對檔案格式、大小和寬高的限制VueUI
- vue+axio通過獲取dom元素上傳檔案Vue
- Spring Boot 2.x(十六):玩轉vue檔案上傳Spring BootVue
- 使用Vue+go實現前後端檔案的上傳下載,csv檔案上傳下載可直接照搬VueGo後端
- 檔案上傳下載