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

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

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: '//服务器地址 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 }});

调用上传接口，把我们拍的照片，或者手机相册选择的相册发送给对应的服务器，然后服务器会返回一个在线的图片地址给我，在html中写一个img标签 把url写给对应的src即可。

扫码

uni.scanCode({ onlyFromCamera: true,//只允许拍照，不允许本地相册 scanType:["qrCode"],//扫码类型 以为 二位 xxx success: (res)=> { console.log('条码内容：' + res); }});

亲测管用！扫码没测...

【重要说明】本文为本人的学习记录，论点和观点仅代表个人而不代表当时技术的真理，目的是自我学习和有幸成为可以向他人分享的经验，因此有错误会虚心接受改正，但不代表此刻博文无误！

​

【Gitee地址】秦浩铖：​​https://gitee.com/wjw1014​​

版权声明：本文内容由网络用户投稿，版权归原作者所有，本站不拥有其著作权，亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容，请联系我们jiasou666@gmail.com 处理，核实后本网站将在24小时内删除侵权内容。