uniapp调用手机相机进行拍照的两种方式
更新时间:2023年09月30日 10:07:17 作者:陌路人❦
这篇文章主要给大家介绍了关于uniapp调用手机相机进行拍照的两种方式,在uniapp中有多种方式可以调用相机进行拍照,文中介绍了两种方法,需要的朋友可以参考下
uniapp调用手机拍照的方法,我所用到的两种方法列举在下方
方法一:使用uni.chooseImage
uni.chooseImage({
count: 6, //默认9
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
sourceType: ['album','camera'], //album 从相册选图,camera 使用相机
success: function (res) {
console.log(JSON.stringify(res.tempFilePaths)); //拍照图片的路径
}
});方式二:使用plus.camera.getCamera
//调用相机获取图片地址和图片名字
photo() {
plus.camera.getCamera().captureImage(function(e) {
plus.io.resolveLocalFileSystemURL(e, function(entry) {
entry.file(function(file) {
// console.log(e, entry.toLocalURL());
this.img = entry.toLocalURL() //图片的本地路径
this.imgfile = file.name //图片的文件名
})
}, function(e) {
console.log("读取拍照文件错误:" + e.message);
});
});
},补充:uniapp调用摄像头,调用相册
//点击头像调用摄像头,或者直接选择图片 <image @click="chooseImage" :src="imgShow" class="toux" mode=""></image>
//手机真机操作测试才能调用摄像头,相册图片,网页上只能选择图片
chooseImage() {
var _this = this
uni.chooseImage({
count: 1, //默认9
sizeType: ['original', 'compressed'], //可以指定是原图还是压缩图,默认二者都有
sourceType: ['album', 'camera'], //从相册选择、摄像头
success: function(res) {
_this.imgShow = res.tempFilePaths[0]
}
});
// ass()
},总结
到此这篇关于uniapp调用手机相机进行拍照的两种方式的文章就介绍到这了,更多相关uniapp调用手机相机拍照内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
javascript 处理HTML元素必须避免使用的一种方法
我们在编写前台页面的时候,可能经常会用到“javascript+数据”生成页面元素的方法,但当我们要处理的数据量较大,导致页面需要展现过多的控件的时候,页面的响应速度也会直线下降2009-07-07
JavaScript数组,JSON对象实现动态添加、修改、删除功能示例
这篇文章主要介绍了JavaScript数组,JSON对象实现动态添加、修改、删除功能,结合实例形式分析了JavaScript针对json数组的添加、删除、修改操作实现技巧,需要的朋友可以参考下2018-05-05
JavaScript函数apply()和call()用法与异同分析
这篇文章主要介绍了JavaScript函数apply()和call()用法与异同,结合实例形式分析了apply()和call()的功能、区别、使用方法及相关操作注意事项,需要的朋友可以参考下2018-08-08


最新评论