elementUI上传图片，获取后端的返回值

最新推荐文章于 2024-08-15 08:56:00 发布

laosixnotwo

最新推荐文章于 2024-08-15 08:56:00 发布

阅读量1.5w

点赞数 26

文章标签： vue.js javascript html html5

本文链接：https://blog.csdn.net/laosixnotwo/article/details/107025053

版权

在elementUI官网的<el-upload>的方法的实例中，是没有介绍如何获取后端传来的返回值的

其实方法很简单，就是在<el-upload>标签里，加入:on-success属性

:on-success="对应的函数名称"
（注意，这里的函数名结尾不要跟括号，不然的话是没有效果的）

我们来看一下完整的代码：

<el-upload action="图片上传的接口地址" :on-success="handle_success">
	<!-- 再次提醒，:on-success="函数名"，函数名后面不要跟括号 -->
	<el-button size="small" type="primary">点击上传</el-button>
	<div slot="tip" class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>
</el-upload>

export default {
	methods: {
		handle_success(res) {
			console.log(res)
			this.$message.success('图片上传成功')
		}
	}
}