微信小程序中相机api_微信拍照翻译，使用小程序拍照翻译API功能

今天一位粉丝问了一个问题，关于小程序本地相册选择图片或相机拍照底部弹框功能，小程序根据文档来写，为什么没有底部弹框，点击按钮就直接打开了手机相册了。看了一下不是他代码的原因，也不是什么bug，而是只写了部分功能。今天把这两个功能连起来说一说。

老规矩，放上小程序官方文档：https://developers.weixin.qq.com/miniprogram/dev/api/wx.chooseImage.html

官网里面的代码,使用chooseImage即可，count表示最多可以选择的图片张数， sizeType表示所选的图片的尺寸sourceType表示选择图片的来源，详情可以仔细阅读一下文档。

wx.chooseImage({ count: 1, sizeType: ['original', 'compressed'], sourceType: ['album', 'camera'], success(res) { // tempFilePath可以作为img标签的src属性显示图片 const tempFilePaths = res.tempFilePaths }})

有很多功能设计的时候是这样的，点击按钮之后会从手机的底部弹出来一个询问按钮，询问是从手机里选择一张照片，还是调用摄像功能拍摄照片，这个时候其实只要多调用一下这个函数showActionSheet就可以了。

效果如下：点击按钮，选择图片进行替换，或者拍到一张照片，进行更换。微信拍照翻译，使用小程序拍照翻译API功能代码：

微信拍照翻译，使用小程序拍照翻译API功能wxml:

点击更换图片wxss:.btn { margin: 140rpx;} .img { width: 100%; height: 480rpx;}微信拍照翻译，使用小程序拍照翻译API功能jsPage({ data: { img: '../../images/1.jpg' }, onLoad: function() {}, chooseWxImage: function(type) { var that = this; wx.chooseImage({ sizeType: ['original', 'compressed'], sourceType: [type], success: function(res) { console.log(res); that.setData({ // tempFilePath可以作为img标签的src属性显示图片 img: res.tempFilePaths[0], }) } }) }, chooseimage: function() { var that = this; wx.showActionSheet({ itemList: ['从相册中选择', '拍照'], itemColor: "#a3a2a2", success: function(res) { if (!res.cancel) { if (res.tapIndex == 0) { that.chooseWxImage('album') } else if (res.tapIndex == 1) { that.chooseWxImage('camera') } } } }) },})

微信小程序中相机api_微信拍照翻译，使用小程序拍照翻译API功能相关推荐

微信小程序中相机api_微信小程序 Image API实例详解
选择图片时可设置图片是否是原图,图片来源.这用的也挺常见的,比如个人中心中设置头像,可以与wx.upLoadFile()API使用主要方法: wx.chooseImage(object) wxml ...
微信小程序中相机api_微信小程序API 相机·CameraContext实例
CameraContext CameraContext 实例,可通过 wx.createCameraContext 获取. CameraContext 与页面内唯一的 camera 组件绑定,操作对应 ...
小程序中实现两个或者多个小程序之间互相跳转
前言: 小程序中实现两个或者多个小程序之间互相跳转,a小程序带参跳转到b小程序中. 官方入口:wx.navigateToMiniProgram(Object object) 点我https://dev ...
习题 11.1 将例11.1的程序片断补充和改写成一个完整、正确的程序，用公用继承方式。在程序中应包括输入数据的函数，在程序运行时输入num，name，sex，age，addr的值，程序应输出以上。。
C++程序设计(第三版) 谭浩强习题11.1 个人设计习题 11.1 将例11.1的程序片断补充和改写成一个完整.正确的程序,用公用继承方式.在程序中应包括输入数据的函数,在程序运行时输入num, ...
习题 11.1 将例11.1的程序片断补充和改写成一个完整、正确的程序，用公用继承方式。在程序中应包括输入数据的函数，在程序运行时输入num，name，sex，age，addr的值。
习题 11.1 将例11.1的程序片断补充和改写成一个完整.正确的程序,用公用继承方式.在程序中应包括输入数据的函数,在程序运行时输入num,name,sex,age,addr的值,程序应输出以上5个 ...
微信小程序中嵌套html_微信小程序：web-view嵌套H5实现微信支付功能解决方案及填坑...
ab7117c7d4947210c39e126a01d23ede.jpg 最近一个多月加班比较严重,偶尔休息一天也是在补睡眠+陪家人,比较长时间没有来进行总结记录了.今天不加班,开始为这段时间做的东西 ...
微信小程序中获取用户微信公众号授权（openid）用来发送模板消息
需求: 由于小程序不能直接向用户发送模板消息,所以需要用公众号向用户发送模板消息. 于是需要将小程序的openid和公众号的openid绑定在一起.提供两种思路: 方法一: 1.微信小程序和公众号都绑 ...
微信小程序中web-view调用微信支付
在原来的H5支付页面中加个判断前提需要添加这个: <script type="text/javascript" src="https://res.wx.qq.co ...
微信小程序中如何实现微信支付
微信支付是微信公众平台提供的一种在线支付服务,可以为用户提供快速.方便.安全的支付体验.而在微信小程序中实现微信支付,则可以为应用程序提供更多的功能和服务,提高用户体验和商业价值.因此,在本文中,我们 ...
微信小程序中嵌套html_微信小程序中使用 web-view 内嵌 H5 时，登录问题的处理方法...
在微信小程序的开发中,经常遇到需要使用内嵌 H5 的需求.在这种需求中比较棘手的问题应该就是登录状态的判断了,小程序中的登录状态怎样与H5中的登录状态保持一致? 一般来说,后端开发同事多数会要求我们 ...

微信小程序中相机api_微信拍照翻译，使用小程序拍照翻译API功能

微信小程序中相机api_微信拍照翻译，使用小程序拍照翻译API功能相关推荐

最新文章

热门文章

微信小程序中相机api_微信拍照翻译， 使用小程序拍照翻译API功能

微信小程序中相机api_微信拍照翻译， 使用小程序拍照翻译API功能相关推荐

最新文章

热门文章

微信小程序中相机api_微信拍照翻译，使用小程序拍照翻译API功能

微信小程序中相机api_微信拍照翻译，使用小程序拍照翻译API功能相关推荐