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合并两个数组的3种方法详解

    JS合并两个数组的3种方法详解

    这篇文章主要介绍了JS合并两个数组的3种方法详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • 前端使用crypto.js进行加密的函数代码

    前端使用crypto.js进行加密的函数代码

    最近在使用Cookies加密保存数据的时候,接触到crypto,使用还算简单,在这里记录一下
    2020-08-08
  • JavaScript实现简单图片轮播效果

    JavaScript实现简单图片轮播效果

    这篇文章主要介绍了JavaScript实现简单图片轮播效果,点击下标切换到该图片上,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • JS版图片放大镜效果

    JS版图片放大镜效果

    这篇文章主要为大家详细介绍了JS版的图片放大镜效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 如何利用原生JS实现图片预览加上传(前后端交互)

    如何利用原生JS实现图片预览加上传(前后端交互)

    在做网站系统时经常会用到图片上传功能,用户往往希望能看到自己上传的图片的样子,下面这篇文章主要给大家介绍了关于如何利用原生JS实现图片预览加上传,需要的朋友可以参考下
    2022-01-01
  • layui table 多行删除(id获取)的方法

    layui table 多行删除(id获取)的方法

    今天小编就为大家分享一篇layui table 多行删除(id获取)的方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • js中递归函数的使用介绍

    js中递归函数的使用介绍

    所谓的递归函数就是在函数体内调用本函数。使用递归函数一定要注意,处理不当就会进入死循环。递归函数只有在特定的情况下使用 ,比如阶乘问题
    2012-10-10
  • 深入浅析JS是按值传递还是按引用传递(推荐)

    深入浅析JS是按值传递还是按引用传递(推荐)

    这篇文章主要介绍了JS是按值传递还是按引用传递(推荐)的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-09-09
  • 学会javascript之迭代器

    学会javascript之迭代器

    本文主要讲解javascript之迭代器,在 JavaScript 中,迭代器是一个对象,它定义一个序列,并在终止时可能返回一个返回值。需要详细了解相关知识的小伙伴可以参考一下这篇文章
    2021-09-09
  • JavaScript函数增强以及额外知识

    JavaScript函数增强以及额外知识

    函数就是封装了一段可以被重复执行调用的代码块,下面这篇文章主要给大家介绍了关于JavaScript函数增强以及额外知识的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下
    2022-06-06

最新评论