介绍
这篇文章主要介绍了微信小程序中上传多张图片限制大小的示例分析,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
近期在做微信小程序的项目,目的为了上传多张图片,数量不能超过3张,而且在php里因为上传图片被设置了只能上传2 m,导致上传不成功,所以我在前端,设置一个函数,用了微信api (wx.chooseImage)获取图片,如果图片大于3张的情况弹出一个提示,不能继续上传图片了,如果图片大于2 m的情况弹出一个提示,只能在上传2 m以下的图片,
数据:{ ,,,img:[],,//设置一个数组 } add_img:函数(){ ,,,var that =,, ,,,img =, that.data.img; ,,,,,,,如果(& lt; img.length 3){//才能如果图片数量小于3张,可以直接获取图片 ,,,,,,,,,,,wx.chooseImage ({ ,,,,,,,,,,,,,,,数:1,,,,,,//默认9 ,,,,,,,,,,,,,,,sizeType:[& # 39;压缩# 39;],,//可以指定原图还是压缩图,默认二者都有 ,,,,,,,,,,,,,,,sourceType:[& # 39;专辑# 39;& # 39;相机# 39;],//可以指定来源相册还是相机,默认二者都有 ,,,,,,,,,,,,,,,成功:函数(res) { ,,,,,,,,,,,,,,,,,,,var tempFilesSize =, res.tempFiles [0] .size;,,//获取图片的大小,单位B ,,,,,,,,,,,,,,,,,,,如果(tempFilesSize & lt;=, 2000000){,,//图片小于或者等于2米时,可以执行获取图片 ,,,,,,,,,,,,,,,,,,,,,,,var tempFilePaths =, res.tempFilePaths[0];,//获取图片 ,,,,,,,,,,,,,,,,,,,,,,,that.data.img.push (tempFilePaths);,,,//添加到数组 ,,,,,,,,,,,,,,,,,,,,,,,that.setData ({ ,,,,,,,,,,,,,,,,,,,,,,,,,,,img: that.data.img ,,,,,,,,,,,,,,,,,,,,,,,}) ,,,,,,,,,,,,,,,,,,,其他}{,,,//图片大于2米,弹出一个提示框 ,,,,,,,,,,,,,,,,,,,,,,,wx.showToast ({ ,,,,,,,,,,,,,,,,,,,,,,,,,,,标题:& # 39;上传图片不能大于2 m ! & # 39;,,,//标题 ,,,,,,,,,,,,,,,,,,,,,,,,,,,图标:& # 39;没有# 39;,,,,,,,//图标,无一不使用图标,详情看官方文档 ,,,,,,,,,,,,,,,,,,,,,,,}) ,,,,,,,,,,,,,,,,,,,} ,,,,,,,,,,,,,,,} ,,,,,,,,,,,}) ,,,,,,,其他}{//大才能于三张时直接弹出一个提示框 ,,,,,,,,,,,,wx.showToast ({ ,,,,,,,,,,,,,,,,标题:& # 39;上传图片不能大于3张! & # 39; ,,,,,,,,,,,,,,,,图标:& # 39;没有# 39;,,, ,,,,,,,,,,,,}) ,,,,,,,} }
我用的是tempFiles里的大小判断图片大小,支持最低版本1.2.0。
感谢你能够认真阅读完这篇文章,希望小编分享的“微信小程序中上传多张图片限制大小的示例分析”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!