首页 分享 uniapp开发——使用uni.chooseImage调用摄像头功能

uniapp开发——使用uni.chooseImage调用摄像头功能

来源:花匠小妙招 时间:2026-08-19 07:05

1.前端调用代码:

复制代码

//获取摄像头权限失败的处理 async function requestAndroidPermission(permisionID) { var result = await permision.requestAndroidPermission(permisionID) if (result == -1) { //被永久拒绝权限" let msg = '您还没有开启摄像头权限,无法拍照,是否去开启?' uni.showModal({ title: '温馨提示', content: msg, confirmText: "去开启", success: function(res) { if (res.confirm) { uni.openAppAuthorizeSetting() } } }) } } /** * 选择并上传图片 */ function uploadImage(callback) { let self = this; uni.chooseImage({ count: 1, sourceType: ["album", "camera"], sizeType: ["compressed"], success(res) { let tempFilePath = res.tempFilePaths[0]; let size = res.tempFiles[0].size / 1024 / 1024; if (size > 2) { toast("上传图片不能大于2MB"); return; } uni.showLoading(); uni.uploadFile({ url: SaasUrl + '/upload/uploadimg', filePath: tempFilePath, name: 'file', formData: { app_id: AppId, resp_type: "json", filename: new Date().getTime() + '.jpg', type: 'headimg' }, success(res) { console.log('/upload/uploadimg', res) uni.hideLoading(); if (res.statusCode == 200) { let data = JSON.parse(res.data); if (data.ret_code == 0) { let url = data.data.url; callback(url); } else { toast(data.ret_msg); } } } }); }, fail(err) { console.log('uploadImageErr', err) if (err.code == 11) { //查询摄像头权限 requestAndroidPermission("android.permission.CAMERA") } } }) }

复制代码

2. uniapp工程权限配置:

3. AndroidStudio功能配置:

AndroidManifest.xml文件添加如下权限代码即可:

<uses-permission android:name="android.permission.CAMERA" />

相关知识

UniApp实现用户反馈与错误日志的采集与处理
unicloud云开发
树莓派智能花卉浇灌系统设计与实现
【开题报告】基于uniapp的鲜花预定APP的设计与实现
关于uniapp使用face
input type=“file“属性详解,利用capture调用手机摄像头
基于Uniapp实现的鲜花商城App
【项目】基于Django和深度学习的分类检测系统(实现的是花分类,可以上传图片或者摄像头调用)
前端开发之跨域数据调用
APP开发,原生APP开发,vue前端APP开发,uniapp混合APP开发,物料APP,电商APP,视频APP,直播APP,社区团购APP,社交电商APP

原文链接: uniapp开发——使用uni.chooseImage调用摄像头功能 https://www.huajiangbk.com/newsview2608217.html

分类:花卉
上一篇: 用“醋”浇花,行不行?酸化土壤,...下一篇: 房间干燥,养5种花,“天然加湿器...

推荐分享