全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[龙岩seo公司只招久澳]微信小程序在上传图片时如何限制大小(附代码)

  本篇文章给大家带来的内容是关于微信小程序在上传图片时如何限制大小(附代码)=△,本溪市小程序开发哪家好有一定的参考价值,有需要的朋友可以参考一下★☆●◇,[龙岩seo公司只招久澳]希望对你有所帮助▼●。

   最近有一个微信小程序的项目,要求是上传多张图片,数量不能超过3张 ,而且在php里因为上传图片被设置了只能上传2M,导致上传不成功,所以我在前端 设置一个函数,用了微信api(wx.chooseImage)获取图片,如果图片大于3张的情况弹出一个提示●○,不能继续上传图片了,10 2020.10 [儋州seo公司立找久澳]HTML中如何创建新元素 共有三种方法,如下所示: 一、 css教程 通过text/HTML var txt1=▷;h1Text■./h1◁◇;; 二▲△▷■、 [儋州seo公司立找久澳] 通过jQuery var txt2=$(h2□△○;/h2)△.text(▷★▲;Text●=▪.▽★;); 三、福鼎市小程序开发哪家好如果图片大于2M的情况弹出一个提示,只能在上传2M以下的图片,

  

data:{
 img:[]▼◁, //设置一个数组
}
add_img:function(){
 var that = this,
 img = that.data.img;
 if(img.length < 3){ //如果图片数量小于3张,可以直接获取图片
 wx.chooseImage({
 count●▽▷▷:1◇•▷, //默认9
 sizeType•★▪▲:['compressed'▷▷;], //可以指定原图还是压缩图,默认二者都有
 sourceType▼▷=:['◇■□☆;album'▼▷☆-;=……,'camera']○☆,//可以指定来源相册还是相机,默认二者都有
 success:function(res){
 var tempFilesSize = res.tempFiles[0].size△☆◆=; //获取图片的大小,单位B
 if(tempFilesSize <= 2000000){ //图片小于或者等于2M时 可以执行获取图片
 var tempFilePaths = res.tempFilePaths[0]; //获取图片
 that.data.img.push(tempFilePaths); //添加到数组
 that.setData({
 img:that.data▪★△.img
 })
 }else{ //图片大于2M,弹出一个提示框
 wx.showToast({
 title▷▽•☆:'上传图片不能大于2M!', //标题
 icon:'none' //图标 none不使用图标,详情看官方文档
 })
 }
 }
 })
 }else{ //大于三张时直接弹出一个提示框
 wx▷▽△•.showToast({
 title○-△◇:'◇▲;上传图片不能大于3张-●!'……,
 icon:'none' 
 })
 }
}

 

  我用的是tempFiles里的size判断图片大小▼…, 支持最低版本1.2.0
 

  相关推荐:

  小程序:如何动态增加删除JSON对象数组(附代码)

  微信小程序实例▷=■●:如何调用腾讯地图获取jsonp数据

  微信小程序中如何调用API实现数据请求

  以上就是微信小程序在上传图片时如何限制大小(附代码)的详细内容,更多请关注久澳传媒编程栏目其它相关文章!

[龙岩seo公司只招久澳]微信小程序在上传图片时如何限制大小(附代码)

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。