若依RuoYi前端分离版Vue中使用el-upload组件实现多图片上传功能（增加和修改）_若依上传多张图片存在一个字段里

<!--:action里面放图片上传调取的后台方法 :headers设置上传的请求头部,使请求携带自定义token，获取访问权限 -->
<!--:on-success图片上传成功后的回调方法，用于拿到图片存储路径等信息-->
<!--:before-upload图片上传前的逻辑判断，例如判断图片大小，格式等-->
<!--:on-preview图片预览方法 :on-remove图片删除方法   list-type代表文件列表的类型 -->
<!--file-list存放成功上传图片列表，这里此属性用于修改功能时页面已有图片的显示-->
<el-form-item prop="pictureUrl">
  <el-upload
	: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">
	<i class="el-icon-plus"></i>
  </el-upload>
  <!--图片预览的dialog-->
  <el-dialog :visible.sync="dialogVisible">
	<img width="100%" :src="dialogImageUrl">
  </el-dialog>
</el-form-item>

B.属性值方法的定义：

export default {
  name: "Forum",
  data() {
    return {
      //图片上传判断是否有相同图片
      isCommonName: tr