uniapp 扫码、拍照

uniapp 扫码、拍照

uniapp 功能实现


提示:写完文章后,目录可以自动生成,如何生成可参考右边的帮助文档


前言

记录一些uniapp的功能实现

一、扫码

代码如下(示例):

uni.scanCode({
    success: function(res) {
        console.log('条码类型:' + res.scanType)
        console.log('条码内容:' + res.result)
    }
})

二、拍照

代码如下(示例):

#拍照或从文件夹中读取
uni.chooseImage({
	count: 1,
	sourceType: ['camera'],
	success: res => {
    	console.log('图片地址', res.tempFilePaths)
	},
	fail: (err) => {
		console.log('error', err)
	}
})

图片转base64 使用image-tools 插件 代码如下(示例):

插件地址 https://ext.dcloud.net.cn/plugin?id=123

npm i image-tools --save

import { pathToBase64, base64ToPath } from 'image-tools'

pathToBase64(res.tempFilePaths[0])
    .then(base64 => {
		console.log(base64)
	})
	.catch(error => {
		console.error(error)
	})

总结

如需自定义拍照页面,需要使用 uni.createLivePusherContext

uni.createLivePusherContext(livePusherId, this) | uni-app官网

uniapp 扫码 拍照 图片转 base64 功能实现,

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

matianlongg

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值