diywap手机网站系统,提供营销型网站设计,想学手艺在哪里可以培训,wordpress高亮代码大前端应用场景#xff1a;APK里面webView#xff0c;访问用uniapp写的H5页面#xff0c;需要调用设备摄像头扫描二维码
首先下载导入扫描插件#xff1a;H5调用摄像头识别二维码#xff08;原生H5调用#xff0c;不需要任何sdk#xff0c;本地扫描识别#xff0c;不需要后端…应用场景APK里面webView访问用uniapp写的H5页面需要调用设备摄像头扫描二维码
首先下载导入扫描插件H5调用摄像头识别二维码原生H5调用不需要任何sdk本地扫描识别不需要后端 - DCloud 插件市场
插入好之后新建页面用于展示扫描界面
templateviewmumu-get-qrcode successqrcodeSucess errorqrcodeError :continuefalsetemplate v-slot:errorview摄像头启动失败/view/template/mumu-get-qrcode/view
/templatescript
import mumuGetQrcode from /uni_modules/mumu-getQrcode/components/mumu-getQrcode/mumu-getQrcode.vue
export default {components: {mumuGetQrcode},data() {return {}},methods: {qrcodeSucess(data) {uni.showModal({title: 成功,content: data,success: () {uni.navigateBack({})}})},qrcodeError(err) {console.log(err)uni.showModal({title: 摄像头授权失败,content: 摄像头授权失败请检测当前浏览器是否有摄像头权限。,success: () {uni.navigateBack({})}})}}
}
/scriptstyle/style点击扫描按钮
//扫描二维码saomiao() {uni.navigateTo({url: /pages/saomiao/saomiao})},
这样就可以打开扫描界面返回你扫描得到的信息。 切记H5页面的环境必须是HTTPS
切记H5页面的环境必须是HTTPS
切记H5页面的环境必须是HTTPS
