uniapp调用摄像头，调用相册

最新推荐文章于 2025-04-11 17:22:45 发布

大湿骑码

最新推荐文章于 2025-04-11 17:22:45 发布

阅读量1w

点赞数 8

分类专栏：小程序前端 uniapp

本文链接：https://blog.youkuaiyun.com/yqlnihao/article/details/117691640

版权

uni-app 摄像头相册选择图片 tempFilePaths

关键词由优快云通过智能技术生成

前端同时被 3 个专栏收录

43 篇文章

订阅专栏

小程序

32 篇文章

订阅专栏

uniapp

32 篇文章

订阅专栏

这篇博客介绍了如何在uni-app中实现点击头像调用摄像头或选择图片的功能。通过uni.chooseImage方法，可以设置选择图片的来源、数量和类型，并在成功选择后更新显示的图片路径。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//点击头像调用摄像头，或者直接选择图片
<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()
	},