微信小程序上传照片，限制格式，限制大小，公用方法

方法

/*** 选择上传照片* page_that:调用方法的页面，* cb_key:返回参数数组的名称* count:上传张数* 返回值：数组*/
function selecImg(page_that, cb_key, count) {console.log("选择图片");wx.chooseImage({count: count,sizeType: ['compressed'],sourceType: ['album', 'camera'],success: function(res) {console.log(res)var pathArray = [];var PicNums = res.tempFiles.length;for (var inta = 0; inta < PicNums; inta++) {var size = res.tempFiles[inta].size;var path = res.tempFiles[inta].path;var formatImage = path.split(".")[(path.split(".")).length - 1];console.log("图片格式" + formatImage)if (formatImage != "png" && formatImage != "jpg" && formatImage != "jpeg") {return wx.showToast({title: '只能上传.png、.jpg、.jpep 格式',icon: 'none',image: '',duration: 2000,mask: true,})}if (config.image_size < size) {return wx.showToast({title: '图片大小限制:' + (config.image_size / 1024 / 1024) + "MB",  ///config.image_size 配置文件中设置icon: 'none',image: '',duration: 1500,mask: true,})}pathArray.push(path);if (inta == PicNums-1) {var cb = {};cb[cb_key] = pathArray;page_that.setData(cb);}}}})
}

.wxml

<image src="../../Image/bg_pic1.png" mode='widthFix' style="width:100px" bindtap='Oncarm' data-whopic='idcard'></image>

.js 调用

Oncarm: function(e) {var whopic = e.currentTarget.dataset.whopic;/*** page_that:调用方法的页面，* cb_key:返回参数数组的名称,* count:上传张数,* 返回值：数组*/util.selecImg(this, whopic, 1);},

微信小程序上传照片，限制格式，限制大小，公用方法相关推荐

vue、微信小程序上传文件(base64格式、一般格式)及vue的表格导入和导出
一.上传文件 1.vue项目 base64格式 onInputChange(el) {var self = this;let file=el.file;let type=file.type.split ...
微信小程序上传组件（可同时长传图片+视频）
写了个微信小程序上传组件,同时支持上传视频+图片,并且可以返显. 废话不多说,上代码: upload.wxml <view class="clearfix"><v ...
微信小程序上传多张图片，上传文件pdf等
wx.getFileSystemManager().readFileSync同步循环数组是可以拿到值的 wx.getFileSystemManager().readFile异步,但是加了这个就一直是空 ...
《微信小程序-证件照换底色》之二：用pycharm搭建django框架来接收微信小程序上传的图片
用pycharm搭建django框架来接收微信小程序的图片上一篇:微信云开发实现每个用户在云端上传并且下载自己对应的图片链接: https://blog.csdn.net/qq_44933075/ ...
微信小程序上传文件到自己的服务器
微信小程序上传文件到自己的服务器 1.建立 WebApi项目 (1)创建项目 (2)发布项目 2.后端接口代码 3.小程序端调接口 1.建立 WebApi项目 (1)创建项目选择菜单 "文 ...
uni-app uni-file-picker文件上传实现拍摄从相册选择获取图片上传文档服务器（H5上传-微信小程序上传）
前言最近在使用uni-app写H5移动端,有一个从手机拍摄从相册选择获取图片上传到文档服务器功能. 查阅uni-app发现关于上传图片,uni-file-picker文件上传,uni.chooseI ...
小程序 php转excel,做微信小程序上传数据数据格式？-微信上传数据生成excle
做微信小程序上传数据数据格式? 建议找人专门制作设计好,专业的事情交给专业的人做,自己浪费时间还不一定能搞好如何把微信里的excel传到qq上 1.在手机中先箭头所示的"微信" ...
微信小程序上传文件到阿里OSS教程
前言 (一)开通OSS服务与新建Bucket 开通OSS服务这里省略,新建bucket. (二)设置Bucket属性,后台配置域名上传文件访问域名这里我们要在小程序后台配置上传域名(上面的域名是我 ...
微信小程序上传Excel文本文件功能
问题: 在开发过程中会发现微信小程序有很多功能都还不能满足我们的需求,谁叫客户就是上帝呢,前几天小编遇到了这么个问题,就是用微信小程序上传文件,但是还以为微信带有这个模块,可是查了许久还是没有找到,只 ...
微信小程序上传阿里云视频文件流程及代码
为了微信小程序客服端实现自拍视频能够分享给多个好友,我们需要把小程序自拍的视频存储到服务器,而阿里云在性能和速度上比较不错,所以我们选择了阿里云作服务器. 第一步.微信小程序项目创建 1. 到http ...

微信小程序上传照片，限制格式，限制大小，公用方法

方法

.wxml

.js 调用

微信小程序上传照片，限制格式，限制大小，公用方法相关推荐

最新文章

热门文章