el-upload上传图片参数为数组包对象

<el-upload

        ref="upload"

        action=""

        list-type="picture-card"

        :http-request="fnUploadRequest"

        :limit="limit"

        :file-list="fileList"

        :on-remove="handleRemove"

        :on-success="handleSuccess">

</el-upload>

给后端传参不要imgs:["url1","url2","url3",...]

需要imgs:[{id:'1',pic:'url1'},{id:'2',pic:'url1'},{id:'3',pic:'url1'},{pic:'url4'}...]

(后端返回的imgs字段会带有id,二次操作上传删除图片时,原有的带id,新增的不带id)

点击上传操作时触发:

let arr = []
this.getUnique(row.pictureUrlStaff).map((item)=>{

        let obj = {}

        Object.assign(obj,{url: this.$config.ossUrl + item.pic,response:{name:item.pic},pic:item.pic,id:item.id})

        if(arr.indexOf(obj)== -1){

          arr.push(obj)

        }

      })

fileList = arr

handleSuccess 和 handleRemove两个方法中:

fileList.map((item)=>{

        let obj = {}

        if(item.id){

          Object.assign(obj,{id:item.id,pic:item.response.name})

          imgs.push(obj)

        }else if(!item.id){

          Object.assign(obj,{pic:item.response.name})

          imgs.push(obj)

        }

      })

数组包对象去重:

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值