ICode9

精准搜索请尝试: 精确搜索
首页 > 编程语言> 文章详细

微信小程序上传图片(限制图片大小、张数)

2022-03-01 11:02:58  阅读:287  来源: 互联网

标签:res 微信 item 张数 imgsrc console 图片大小 data tempFilePaths


代码:

//选择图片
  choice: function () {
    var that = this
    console.log(that.data.imgsrc.length);
    if (that.data.imgsrc.length <= 3) {
      var ino = 4 - that.data.imgsrc.length;
      wx.chooseImage({  //从本地相册选择图片或使用相机拍照
        count: ino,
        sizeType: ['compressed'], // 可以指定是原图还是压缩图,默认二者都有  
        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机,默认二者都有  
        success: (res) => {
          var tempFilePaths = res.tempFilePaths
          for (var item in res.tempFilePaths) {
            console.log(res.tempFilePaths[item]);
            that.data.imgsrc.push(res.tempFilePaths[item]);
            tempFilePaths = that.data.imgsrc;
            console.log(that.data.imgsrc);
          }

          let size = tempFilePaths.every(item => {   //限制上传图片大小为2M,所有图片少于2M才能上传
            return item.size <= 2000000
          })
          if (size) {
            that.setData({
              imgsrc: tempFilePaths
            })
          }else{
            wx.showToast({
              title:'上传图片不能大于2M!',
              icon:'none'    
            })
          }
        }
      })
    }
    else {
      wx.showToast({
        title: "最多只能上传4张图片",
        image: "/images/icon-warning.png",
      });
    }
  },

 

标签:res,微信,item,张数,imgsrc,console,图片大小,data,tempFilePaths
来源: https://www.cnblogs.com/joe235/p/15881884.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有