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
})
},
相關文章
- 使用jquery的FormData上傳檔案jQueryORM
- 記 Laravel 呼叫 Gin 介面呼叫 formData 上傳檔案LaravelORM
- 記一個 FormData 多檔案上傳問題ORM
- .NET和.NET Core Web APi FormData多檔案上傳對比WebAPIORM
- vue-resource+iview上傳檔案取消上傳VueView
- ajax利用FormData、FileReader實現多檔案上傳php獲取ORMPHP
- 利用FormData物件實現AJAX檔案上傳功能及後端實現ORM物件後端
- php檔案上傳之多檔案上傳PHP
- 大檔案上傳、斷點續傳、秒傳、beego、vue斷點GoVue
- 檔案上傳速度查詢方法
- vue使用ant design vue(upload)檔案上傳Vue
- vue 靜態檔案上傳到七牛Vue
- vue + minio上傳檔案伺服器Vue伺服器
- formData原生實現圖片上傳ORM
- VUE-多檔案斷點續傳、秒傳、分片上傳Vue斷點
- Web檔案上傳方法總結大全Web
- 單個檔案上傳和批量檔案上傳
- vue中檔案上傳阿里雲並獲取上傳進度Vue阿里
- 檔案上傳
- SpringMVC 單檔案上傳與多檔案上傳SpringMVC
- 自定義檔案上傳功能實現方法
- 【liunx命令】上傳下載檔案的方法
- 利用PUT方式上傳檔案的方法研究
- 修改PHP上傳檔案大小限制的方法PHP
- Java大檔案上傳、分片上傳、多檔案上傳、斷點續傳、上傳檔案minio、分片上傳minio等解決方案Java斷點
- 檔案上傳之三基於flash的檔案上傳
- vue實現Excel檔案的上傳與下載VueExcel
- vue3中清空input type="file"上傳檔案Vue
- 前端大檔案上傳/分片上傳前端
- Flask——檔案上傳Flask
- PHP上傳檔案PHP
- JavaScript 檔案上傳JavaScript
- Git上傳檔案Git
- YII檔案上傳
- 檔案上傳概述
- beego上傳檔案Go
- 上傳檔案流程
- 上傳EXCLE檔案