vant组件van-uploader(可多选)上传图片前对base64进行压缩

本文介绍了如何在Vant UI组件库中使用van-uploader进行多选图片上传,并在上传前对base64格式的图片进行压缩,以减少文件大小和提高上传效率。
摘要由CSDN通过智能技术生成
 <van-uploader v-model="commentObj.imgModelList"
               multiple
               :max-size="5*1024*1024"
               :max-count="9"
               :before-read="beforeRead"
               :after-read="afterRead"
               :before-delete="beforeDelete"
               @oversize="picOversize" /> 
    // 获取图片url列表
    async afterRead (file) {
   
      if (file.length) {
    // 多选
        file.map(async (item, i) => {
   
          item.status = 'uploading'
          let base64Item = await this.compressImg (item.file) // 获取到压缩后的每一个base64 
          // 拿到后可进行操作 --------
          if (i === file.length - 1) {
   
            file.map
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值