php 限制图片大小代码,微信小程序在上传图片时如何限制大小（附代码）

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

最近有一个微信小程序的项目，要求是上传多张图片，数量不能超过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, //默认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

php 限制图片大小代码,微信小程序在上传图片时如何限制大小（附代码）相关推荐

php验证码zhuc_微信小程序实例：实现随机验证码（附代码）
本篇文章给大家带来的内容是关于微信小程序实例:实现随机验证码(附代码) ,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 小程序上经常会有一些注册申请页面需要用到随机验证码.具体实现 ...
HTML微信小程序的页眉代码,微信小程序样式wxss各种问题总结（不断更新）
1)加入其它样式文件 @import '/css/dialog.wxss'; //注意:必须结尾用分号 2)隐藏滚动条 ::-webkit-scrollbar { width:; height:; c ...
php一对多聊天程序代码,微信小程序实现一对多发消息
微信小程序中实现一对多发消息详解及实例代码微信小程序中各个界面之间的传值和通知比较蛋疼.所以模仿了iOS中的通知中心,在微信小程序中写了一套类似的通知中心. 通知中心可以做到:1对多发消息,传递ob ...
java实现音频播放小程序_微信小程序实现音频文件播放进度的实例代码
问题描述在微信小程序中经常会用到控制文件播放的滑块,通过滑块可控制音频播放进度,下面即用代码实现. 解决方案首先用.wxml与 .wmss 代码实现进度条的效果,再通过 .js 文件控制进度条的进 ...
微信开发上传视频到服务器,微信小程序中实现上传视频的开发代码
微信小程序中实现上传视频的开发代码,视频,接口,上传,代码,服务器微信小程序中实现上传视频的开发代码易采站长站,站长之家为您整理了微信小程序中实现上传视频的开发代码的相关内容. 本篇文章给大家带来 ...
【微信小程序】自定义弹窗蒙版输入框效果图完整代码
[微信小程序]自定义弹窗文本输入框效果图&完整代码效果图在输入框中进行内容的输入点击确认后在姓名一栏进行更新修改点击返回后姓名一栏不做任何修改在这个的基础上你可以自定义任何弹窗 wx ...
微信小程序实现上传视频功能（后端代码是java）
微信小程序实现上传视频功能(后端代码是java) 1.前端 wxml文件 <image bindtap="uploadVideo" length="3" ...
php微信上传视频文件在哪里,微信小程序中实现上传视频的开发代码
本篇文章给大家带来的内容是关于微信小程序中实现上传视频的开发代码,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 其实这个比较简单,官方提供了API接口,基本上直接调用就可以了,话不多 ...
微信个人中心 html,微信小程序个人中心的列表控件实现代码
个人中心的列表控件首先来看效果图 wxml 我的收藏 wxss .list-item { display: flex; flex-direction: row; align-items: cente ...

php 限制图片大小代码,微信小程序在上传图片时如何限制大小（附代码）

php 限制图片大小代码,微信小程序在上传图片时如何限制大小（附代码）相关推荐

最新文章

热门文章