跳至主要內容

element-ui上传组件不走网络请求回显图片

zfh原创小于 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格式在页面上进行显示。

上次编辑于:
本站勉强运行 小时