javascript技巧

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript技巧 > uniapp调用手机相机拍照

uniapp调用手机相机进行拍照的两种方式

作者:陌路人❦

这篇文章主要给大家介绍了关于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调用手机相机拍照内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文