el-upload缩略图图片回显

回答: 当使用el-upload组件上传图片时，可以通过设置file-list属性来实现缩略图的回显。在编辑时，如果图片回显失败，一种解决方法是确保上传文件列表对象数组中的key使用name和url这两个属性，否则无法正确回显图片。另外，在上传图片时，如果图片格式不正确，依旧会显示该图片，但实际上该图片并未上传。解决这个问题的方法是，在挂载之前终止图片的上传，可以在beforeAvatarUpload方法中判断图片的类型，并在不支持的文件类型上返回false，从而终止上传。另一种情况是，在el-upload组件中，通过将后端返回的图片地址赋值给fileList来实现缩略图的回显。在el-upload的file slot中，可以通过设置img标签的src属性为file.url来显示图片的缩略图。<em>1</em><em>2</em>
#### 引用[.reference_title]
- *1* [问题记录：el-upload已上传图片未回显问题](https://blog.csdn.net/weixin_43814183/article/details/126224676)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
- *2* [el-upload编辑时回显图片](https://blog.csdn.net/Zzz_MxY/article/details/122437423)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}} ] [.reference_item]
[ .reference_list ]