一、前言:作为不是第一次做图片上传功能的小伙伴们估计都有这样的体会,实现图片上传功能不难,稍微需要花点时间是增加功能里成功添加的图片在修改功能里能正常显示,以及不刷新项目的前提下,相互切换增加和修改功能时,图片缓存问题的正常处理,以下详细介绍若依RuoYi-Vue前端分离版使用Element里的el-upload组件实现多图片上传功能:
二、前端相关代码:
A.标签代码(多图片上传组件):
:action="imgUpload.url" :headers="imgUpload.headers" :on-success="handlePictureSuccess" :before-upload="beforePictureUpload" list-type="picture-card" :file-list="fileListShow" :on-preview="handlePictureCardPreview" :on-remove="handleRemove">