解决element-ui和 vant两个组件库上传组件,上传图片后无法显示图片的问题

element-ui

在调用 组件时,有一个file-list属性是上传的文件列表(数组对象),在上传成功后把数据存到里边,组件会读取对象里的url字段用来显示图片

所以,只需要让后端返回图片的地址然后放在url里即可,如果后端没有返回,那么我们可以利用文件内容生成图片链接即:{url: window.URL.createObjectURL(file)}

vant-ui

element-ui 同理,在用组件时,v-model绑定的值是一个数组对象,在上传成功后,设置值时,除了要加url字段,还要加上isImage属性,即{...,isImage: true , url: window.URL.createObjectURL(file)}

你可能感兴趣的:(前端,javascript,elementui)