在微信小程序中调用前置摄像头拍照后置摄像头拍照扫码

1.需求：点击扫码按钮，扫描二维码识别单号
实现：

</view>

scanCode: function() {

var that = this;

wx.scanCode({

success(res) {

app.showToast('扫描成功')

that.setData({

kuaidi: res.result

});

fail(res) {

app.showToast('扫描失败，重新扫描')

})

2.需求，点击拍照，调用后置摄像头，拍照上传图片

phoTo是跟在bindTap后面调用的函数
如果只是简单的调用后置摄像头拍照，建议选择wx.chooseImage的API，不会涉及到微信的授权问题，比较方便，直接指定camera，返回的res.tempFilePaths可以直接显示在页面上，不会涉及到编写相机的样式。

phoTo:function() {

var t = this;

wx.chooseImage({

count: 1,

sizeType: ['compressed'],

sourceType: ['camera'],

success(res) {

const tempFilePaths = res.tempFilePaths

wx.uploadFile({

url: app.util.rootlink + 'api/common/updateImage',

filePath: tempFilePaths[0],

header: {

'content-type': 'multipart/form-data'

name: 'image',

formData: null,

success: function (res) {

var result = JSON.parse(res.data)

if (result.code == 200) {

var params = {

method: 'post',

data: { id: t.data.id, img: result.data.path },

token: wx.getStorageSync('token'),

success: function (res) {

if (res.data.code && res.data.code == 200) {

app.showToast(res.data.msg);

setTimeout(function () {

wx.navigateTo({

url: './confirmtwo?id=' + t.data.id,

})

},1000)

}

fail: function (result) {

console.log('失败: ', result);

}

app.util.ajax(params, 'api/user/signImg');

} else {

app.showToast(result.msg)

}

fail: function (res) {

app.showToast('请重新拍照')

}

})

fail(err) {

app.showToast('拍照失败')

}

})

3.需求，调用前置摄像头拍照

提示：这里使用微信的组件camera，会涉及到用户授权，样式也是需要自己去调整，默认是调用后置摄像头，device-position="front" 就会设置是前置摄像头

//拍照

takePhoto() {

const ctx = wx.createCameraContext()

ctx.takePhoto({

quality: 'high',

success: (res) => {

this.setData({

src: res.tempImagePath //返回的路径可以作为src显示在页面上

})

}

})

//用户拒绝授权后调用的函数

error(e) {

console.log(e.detail)

在微信小程序中调用前置摄像头拍照后置摄像头拍照扫码相关推荐

微信小程序中调用公共的js
微信小程序中调用公共的js 微信小程序中调用公共的js 实现思路: 将部分的js逻辑放到utils中,logs.js中调用utils.js中的方法实现代码: utils.js: function f ...
如何在微信小程序中调用腾讯地图api
微信小程序的地图api是非常有限的,如果要搜索地图上的位置,比如附近的医院.学校等,就需要使用地图api,使用腾讯地图api的过程如下: 一.开发者申请腾讯地图进入官网http://lbs.qq.c ...
上传声音微信小程序_图文详解微信小程序中调用录音功能和音频播放的方法...
老规矩,先几张图. 1.为了进来看得清楚.刚开始没有加载音频列表.代码往前挪一挪即可. 2.按住录音按钮的时候会出现麦克风.中间的麦克风是个帧动画. 其实就是用js控制图片显示隐藏.没啥好说的.这里 ...
行星万象表白墙微信小程序、社交微信小程序，后台完整，支持多区域运营，扫码体验。
简介官网:行星万象官网全部文档请在Wiki查看:Go Wiki 目前中国大概有5000个表白墙,是一个累计用户近3000万的庞大群体,但现有表白墙大都以微信朋友圈为基础进行信息中转,这种模式对经营 ...
在微信小程序中调用本地接口
1.点击详情,并勾选项目设置中最后一行. 2.用小程序请求本地的后台服务接口 wx.request({ url: 'http://localhost:8090/DemoProject/myTest.d ...
微信小程序中引用FontAwesome字体最完整教程附下载源码
目的:在小程序实现,FontAwesome.省去制作图标,引用图标的烦恼主要步骤,下载>转码>合并样式>引用样式,不会的可下载源码 1.到Font Awesome官网下载字体包 ...
微信小程序中调用百度翻译API（出现的错误54001 52003）
我自己的54001: appid 和key出现错误, 先用的是百度提供的模板appid 及key 然后一直报错之后用其它的appid 和key后能够正常运行 52003:这个需要自己申请一个app ...
Vant在微信小程序中的使用
1.创建微信小程序项目 2.在打开小程序根目录文件夹 3.在根目录文件夹中打开终端输入npm init --yes然后回车. 4.安装Vant-weapp npm安装输入:npm i @vant/ ...
微信小程序中使用wx.navigateTo跳转时页面出现空白
在微信小程序中当触发点击事件后跳转的页面时,跳转的页面出现空白,控制台报Page "pages/outline-xi/outline-xi" has not been regist ...

在微信小程序中调用前置摄像头拍照后置摄像头拍照扫码

在微信小程序中调用前置摄像头拍照后置摄像头拍照扫码相关推荐

最新文章

热门文章

在微信小程序中 调用前置摄像头拍照 后置摄像头拍照扫码

在微信小程序中 调用前置摄像头拍照 后置摄像头拍照扫码相关推荐

最新文章

热门文章

在微信小程序中调用前置摄像头拍照后置摄像头拍照扫码

在微信小程序中调用前置摄像头拍照后置摄像头拍照扫码相关推荐