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

相关文章

  • JS实现队列的先进先出功能示例

    JS实现队列的先进先出功能示例

    这篇文章主要介绍了JS实现队列的先进先出功能,结合实例形式分析了基于JS的队列初始化、赋值等相关操作技巧,需要的朋友可以参考下
    2017-05-05
  • JS实现DIV容器赋值的方法

    JS实现DIV容器赋值的方法

    这篇文章主要介绍了JS实现DIV容器赋值的方法,可结合ajax使用,涉及JavaScript针对页面元素的动态操作技巧,需要的朋友可以参考下
    2015-12-12
  • 关于JS解构的5种有趣用法

    关于JS解构的5种有趣用法

    这篇文章主要给大家介绍了关于JS解构的5种有趣用法,文中通过示例代码介绍的非常详细,对大家学习或者使用JS解构具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-09-09
  • Array.prototype.concat不是通用方法反驳[译]

    Array.prototype.concat不是通用方法反驳[译]

    ECMAScript 5.1规范中指出,数组方法concat是通用的(generic).本文反驳了这一结论,因为实际上并不是这样的
    2012-09-09
  • 如何在uniapp项目中使用mqtt

    如何在uniapp项目中使用mqtt

    本文给大家分享uniapp中引入mqtt的全过程,在uniapp项目根目录下分别运行安装mqtt和uuid的命令行,因为后面会用uuid生成mqtt的clientId,文中给大家介绍mqtt和uuid安装过程,感兴趣的朋友跟随小编一起学习下吧
    2021-05-05
  • javascript获取本机操作系统类型的方法

    javascript获取本机操作系统类型的方法

    关于我们使用电脑的操作系统,我们通过鼠标点击就能获取,如果我们想用脚本怎么实现javascript获取本机操作系统类型的方法呢,下面给大家分享javascript获取本机操作系统类型的方法,需要的朋友可以参考下
    2015-08-08
  • JavaScript实现生成随机密码的示例详解

    JavaScript实现生成随机密码的示例详解

    使用JavaScript我们可以轻松地在客户端生成随机密码,本文我们将实现一个简单的随机密码生成器,能够生成指定长度和包含特定字符集的密码,有需要的可以参考下
    2024-01-01
  • 微信小程序setInterval定时函数新手使用的超详细教程

    微信小程序setInterval定时函数新手使用的超详细教程

    平时开发中为实现倒计时效果可以使用setInterval即可,下面这篇文章主要给大家介绍了关于微信小程序setInterval定时函数新手使用的超详细教程,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-08-08
  • 用DIV完美模拟createPopup 弹出窗口(脚本之家修正版),支持Firefox,ie,chrome

    用DIV完美模拟createPopup 弹出窗口(脚本之家修正版),支持Firefox,ie,chrome

    最近要重构公司的一个站,有一个拾色器只支持IE,不支持FIREFOX CHROME等浏览器,花了点时间对照原来的重写了个。完美实现createPopup方法的弹窗效果,欢迎大家拍砖!
    2009-09-09
  • javascript实现京东快递单号的查询效果

    javascript实现京东快递单号的查询效果

    这篇文章主要为大家详细介绍了javascript实现京东快递单号的查询效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-11-11

最新评论