Element-UI upload上传文件失败正确解析错误内容

最新推荐文章于 2024-07-27 14:54:27 发布

是摩卡不是抹茶呀

最新推荐文章于 2024-07-27 14:54:27 发布

阅读量8.6k

点赞数 2

分类专栏： Vue 前端之旅 element-ui 文章标签： Element-UI Vue 上传文件 JSON

本文链接：https://blog.csdn.net/Mr_Mocha/article/details/103952448

版权

前端之旅同时被 3 个专栏收录

20 篇文章 0 订阅

订阅专栏

Vue

17 篇文章 0 订阅

订阅专栏

element-ui

4 篇文章 0 订阅

订阅专栏

<el-upload class="upload" :action="uploadExcelAction" :headers="headers"
		   list-type="picture" :show-file-list="false" :before-upload="beforeUpload"
		   :on-success="uploadSuccess" :on-error="uploadError" :on-progress="uploadProgress"
		   accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet">
  <el-button class="filter-item" icon="el-icon-upload2" type="primary" plain>
	{{ $t('table.importExcel') }}
  </el-button>
</el-upload>

// 导入Excel错误处理
uploadError(error) {
	// 关键处理，得用JSON.parse来解析error里面的内容
	// 其中message为后端返回的错误信息提示
	const result = JSON.parse(error.message);
	// 导入Excel失败提示信息
	this.$message({
		message: this.$t('tips.uploadFailed') + " " + result.message,
		type: 'error',
		showClose: true
	});
}