element-ui
在调用 <el-upload>
组件时,有一个file-list
属性是上传的文件列表(数组对象),在上传成功后把数据存到里边,组件会读取对象里的url
字段用来显示图片
所以,只需要让后端返回图片的地址然后放在url
里即可,如果后端没有返回,那么我们可以利用文件内容生成图片链接即:{url: window.URL.createObjectURL(file)}
vant-ui
跟element-ui
同理,在用<van-uploader>
组件时,v-model
绑定的值是一个数组对象,在上传成功后,设置值时,除了要加url
字段,还要加上isImage
属性,即{...,isImage: true , url: window.URL.createObjectURL(file)}