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

最新推荐文章于 2025-04-03 10:18:39 发布

Enidchan_

最新推荐文章于 2025-04-03 10:18:39 发布

阅读量2.6k

点赞数 2

分类专栏： mobile

本文链接：https://blog.youkuaiyun.com/EnidChann/article/details/115110598

版权

本文介绍了如何在Vant UI组件库中使用van-uploader进行多选图片上传，并在上传前对base64格式的图片进行压缩，以减少文件大小和提高上传效率。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 <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