element-ui上传组件不走网络请求回显图片
原创小于 1 分钟约 211 字...
后端说不需要上传图片,原本逻辑是上传图片后端返回服务器图片地址,页面回显。
这个图片上传地址是通过action
属性进行配置的。
但是现在不需要上传图片,但是action
属性是必须传的,传null
和空字符串,它仍然会发生网络请求。
查阅官方文档发现可以通过http-request
覆盖默认的上传行为,可以自定义上传的实现:
handleUpload(params) {
// 将上传成功后的文件转换为 Base64 编码的字符串
const reader = new FileReader();
reader.readAsDataURL(params.file);
reader.onload = () => {
this.imageUrl = reader.result;
this.$message.success('上传成功')
};
},
将handleUpload
传入上传组件,它的逻辑是将图片转换为Base64
格式在页面上进行显示。