今天来讲解一下怎么使用uni-app调用手机端相机和图库,实现拍照和选择图片功能。
因雷电模拟器原因,他没有拍照功能,这里只能演示选择图库功能。
下面来看一下具体实现
uni.chooseImage(OBJECT) 从本地相册选择图片或使用相机拍照。
uni.chooseImage({
count: 6, //可以选择图片的张数
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
sourceType: ['album'], //从相册选择 默认是两个都有
success: function (res) {
console.log(JSON.stringify(res.tempFilePaths));
//返回结果
}
});
uni.previewImage(OBJECT)
核心方法就是这个
下面贴上我们这个实例的代码
uni.chooseImage({
count: 6,
sizeType: ['original', 'compressed'],
success: function(res) {
// 预览图片
// uni.previewImage({
// urls: res.tempFilePaths
// });
for(var i=0;i<res.tempFilePaths.length;i++){
console.log("第"+i+"张图片路径:"+res.tempFilePaths[i]);
}
uni.getImageInfo({
src:res.tempFilePaths[0],
success:function(image){
console.log("图片路径:"+image.path);
}
});
}
});
}
希望这篇文章对大家有帮助