微信小程序选择图片（相册中选择/相机拍摄）

微信小程序中关于选择函数有专门的函数：

wx.chooseImage(Object object)

从本地相册选择图片或使用相机拍照。

参数

Object object

属性类型默认值必填说明

count number 9 否最多可以选择的图片张数

sizeType Array.<string> ['original', 'compressed'] 否所选的图片的尺寸

sourceType Array.<string> ['album', 'camera'] 否选择图片的来源

属性	类型	默认值	必填	说明
count	number	9	否	最多可以选择的图片张数
sizeType	Array.<string>	['original', 'compressed']	否	所选的图片的尺寸
sourceType	Array.<string>	['album', 'camera']	否	选择图片的来源

但是直接使用chooseImage()函数时，小程序直接进入系统相册，无法选择相机拍摄，因此需要使用showActionSheet调出操作选择菜单，根据用户选择，在chooseImage函数中的sourceType中传入单一参数值，而不管是相册选择还是手机拍照，chooseImage都会返回图片路径，直接在url中调用路径就可以显示图片。

完整代码：

uploadImage(e){var vm = thiswx.showActionSheet({itemList: ['从相册中选择', '拍照'],success: function(res) {if (res.tapIndex == 0) {vm.chooseUploadImage('album')} else if (res.tapIndex == 1) {vm.chooseUploadImage('camera')}},fail: function(res) {console.log(res.errMsg)}})},chooseUploadImage(type){var vm = thisvar row = vm.data.imageList.lengthif(row < 4){wx.chooseImage({count: 4-row,sizeType: ['compressed'],sourceType: [type],success (res) {var array = res.tempFilePathsfor(var i=0;i<array.length;i++){vm.data.imageList[row] = array[i]row++}vm.setData({imageList:vm.data.imageList,})}}) }else{wx.showToast({title: '最多上传4张图片',duration: 2000,icon:'none'})}}

效果图：

原文作者：喵喵叫的猴
电子邮箱：zhoujian@yztcsoftware.com

微信小程序选择图片（相册中选择/相机拍摄）相关推荐

微信小程序拍照/从相册中选择图片
微信小程序提供的众多API中,wx.chooseImage函数就是用来访问手机相册或摄像头的.调用该函数后,界面下方会呼出一个菜单,可以分别选择进入相册挑选已有照片或是打开摄像头进行拍照: 我们往WX ...
微信小程序预览服务器图片,微信小程序实现图片选择并预览功能
本文实例为大家分享了微信小程序实现图片选择并预览的具体代码,供大家参考,具体内容如下 (一).功能说明做的是一个意见反馈,用户发表意见和上传图片,限制了最多只能上传三张图片. 其他要点:textar ...
微信小程序自定义select下拉选择组件
微信小程序自定义select下拉选择组件微信小程序原生开发中,常用到的是从底部弹起的滚动选择器(picker),而有些项目需要用到下拉选择,话不多说,下面就可以把下拉选择封装成一个自定义组件: 1. ...
微信小程序日历(酒店入住日期选择)
微信小程序日历(酒店入住日期选择) wxml代码.   <wxs src="../.. ...
小程序 | 微信小程序实现循环嵌套数据选择
小程序 | 微信小程序实现循环嵌套数据选择一.效果展示二.代码实现在.wxml文件中,有时从后台传来的数据可能会出现数组嵌套数组的情况,需要利用wx:for嵌套实现数据的展示.这时,外层循环正常 ...
微信小程序中base64转换成图片；uni-app小程序base64转图片；微信小程序base64文件转图片；微信小程序base64图片转图片
将微信小程序的图片转成base64 点击此链接看另一篇以下是将后端返回的base64转成图片: 方法1:使用微信小程序自带方法 //把base64转换成图片getBase64ImageUrl: (b ...
微信小程序资料集（中）
**12月1日小程序Demo集合** [微信小程序Demo:金融理财计算器](简书) [微信小程序Demo:支付宝+微信二维码收款小程序](简书) [上滑导航吸顶效果](简书) [微信小程序Demo: ...
微信小程序裁剪图片成圆形
代码地址如下: http://www.demodashi.com/demo/14453.html 前言最近在开发小程序,产品经理提了一个需求,要求微信小程序换头像,用户剪裁图片必须是圆形,也在git ...
微信小程序实现图片是上传、预览功能
本文实例讲述了微信小程序实现图片上传.删除和预览功能的方法,分享给大家供大家参考,具体如下: 这里主要介绍一下微信小程序的图片上传图片删除和图片预览 1.可以调用相机也可以从本地相册选择 2.本地实现 ...
Java实现微信小程序校验图片是否含有违法违规内容
文章目录 1.Java实现微信小程序校验图片是否含有违法违规内容(security.imgSecCheck) 2.接口文档简述 3.Java实现对接接口 4.压缩图片(Thumbnails) 5.整合 ...

微信小程序选择图片（相册中选择/相机拍摄）

wx.chooseImage(Object object)

参数

Object object

微信小程序选择图片（相册中选择/相机拍摄）相关推荐

最新文章

热门文章