uniapp中调用相机相册/上传/扫码整理
调用相机相册uni.chooseImage({count: 1,sizeType: ['original', 'compressed'],sourceType: ['camera','album'], //这要注意,camera掉拍照,album是打开手机相册success: (res)=> {console.log(res);const tempFilePaths = res.tempFi
·
调用相机相册
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://www.cailanzi001.com/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
}
});
调用上传接口,把我们拍的照片,或者手机相册选择的相册发送给对应的服务器,然后服务器会返回一个在线的图片地址给我,在html中写一个img标签 把url写给对应的src即可
扫码
uni.scanCode({
onlyFromCamera: true,//只允许拍照,不允许本地相册
scanType:["qrCode"],//扫码类型 以为 二位 xxx
success: (res)=> {
console.log('条码内容:' + res);
}
});
更多推荐
已为社区贡献3条内容
所有评论(0)