uniapp 调用手机相机拍照实现图片上传


uni.chooseImage({

count: 1,

sizeType: [‘original’, ‘compressed’],

sourceType: [‘camera’,‘album’], //这要注意,camera掉拍照,album是打开手机相册

success: (res)=> {

console.log(res);

const tempFilePaths = res.tempFilePaths;

}

});

这个api调完之后,会返还一个数组,带着照片的信息

在这里插入图片描述

在这里插入图片描述

随后就可以调用上传API


uni.uploadFile({

url: ‘https://xxxx/api/v1/qiniu/upload/img’, //服务器地址

fileType:“image”,//ZFB必填,不然报错

filePath: tempFilePaths[0],//这个就是我们上面拍照返回或者先中照片返回的数组

name: ‘imgFile’,

success: (uploadFileRes) => {

let imgData = JSON.parse(uploadFileRes.data)

console.log(imgData.data.imgUrl);

console.log(this);

this.imgDataUrl = imgData.data.imgUrl

}

});

最后

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级Android工程师,想要提升技能,往往是自己摸索成长,自己不成体系的自学效果低效漫长且无助。

因此收集整理了一份《2024年Web前端开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。

img

既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点!不论你是刚入门Android开发的新手,还是希望在技术上不断提升的资深开发者,这些资料都将为你打开新的学习之门!

如果你觉得这些内容对你有帮助,需要这份全套学习资料的朋友可以戳我获取!!

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!
n.net/topics/618191877)

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且会持续更新!

uniapp中,有多种方式可以调用相机进行拍照。一种方式是使用plus.camera.getCamera方法,该方法可以用来调用相机并获取拍照后的图片地址和文件名。在成功获取到相机拍照后的图片后,可以通过plus.io.resolveLocalFileSystemURL方法将图片转换为本地文件路径。 另一种方式是使用uni.chooseImage方法,该方法可以在uniapp中选择图片并拍照。通过设置count参数来指定最多可以选择的图片数量,设置sizeType参数来指定图片的类型(原图或压缩图),设置sourceType参数来指定从相册选图还是使用相机拍照。在成功选择或拍照后,可以通过res.tempFilePaths获取到拍照图片的路径。 需要注意的是,具体使用哪种方式调用相机拍照取决于你的项目需求和平台差异。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *3* [uniapp如何调用手机相机进行拍照](https://blog.csdn.net/m0_64692707/article/details/127231825)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* [uni-app 从本地项目选择图片或使用相机拍照及图片预览](https://blog.csdn.net/qq_35366269/article/details/107901676)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值