小潘杂谈

微信小程序在上传图片时如何限制大小(附代码)

字号+ 作者:admin 来源:seo博客 2020-09-08 23:30 我要评论( )

本篇文章给大家带来的内容是关于微信小程序在上传图片时如何限制大小(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 最近有一个微......

本篇文章给大家带来的内容是关于微信小程序在上传图片时如何限制大小(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

最近有一个微信小程序的项目,要求是上传多张图片,数量不能超过3张 ,而且在php里因为上传图片被设置了只能上传2M,导致上传不成功,所以我在前端设置一个函数,用了微信api(wx.chooseImage)获取图片,如果图片大于3张的情况弹出一个提示,不能继续上传图片了,如果图片大于2M的情况弹出一个提示,只能在上传2M以下的图片,data:{img:[], //设置一个数组}add_img:function(){var that = this,img = that.data.img;if(img.length < 3){//如果图片数量小于3张,可以直接获取图片wx.chooseImage({count:1,//默认9sizeType:['compressed'], //可以指定原图还是压缩图,默认二者都有sourceType:['album','camera'],//可以指定来源相册还是相机,默认二者都有success:function(res){var tempFilesSize = res.tempFiles[0].size;//获取图片的大小,单位Bif(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实现数据请求以上就是微信小程序在上传图片时如何限制大小(附代码)的详细内容,更多请关注小潘博客其它相关文章!

转载请注明出处。

1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,请转载时务必注明文章作者和来源,不尊重原创的行为我们将追究责任;3.作者投稿可能会经我们编辑修改或补充。转载请注明seohttp://www.hkxiaopan.com

网友点评
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
验证码: 点击我更换图片
精彩导读