• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

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

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

代码:

//选择图片
  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",
      });
    }
  },

 


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
上一篇:
微信小程序实现图片双滑缩放大小发布时间:2022-07-18
下一篇:
什么是微信小程序发布时间:2022-07-18
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap