vue +element实现图片上传加展示

一 声明变量

我们在这里声明了两个qrcodeaddress。分别是绑定表单的字段和作为展示图片的字段。

二 编写html部分

在这里img标签是我们上传之后 展示的地方，:action是上传路径

:on-success是上传成功后的方法

三编写函数方法

  this.formData.qrCodeAddress = response.data.url;这个是上传成功后返回的路径

拿到这个路径加上拼接的前缀就可以在不同环境都可以展示了

 this.qrCodeAddress = global.imgPath + response.data.url;