快捷導(dǎo)航

uniapp調(diào)用手機(jī)相機(jī)進(jìn)行拍照的兩種方式

更新時(shí)間：2023年09月30日 10:07:17 作者：陌路人?

這篇文章主要給大家介紹了關(guān)于uniapp調(diào)用手機(jī)相機(jī)進(jìn)行拍照的兩種方式,在uniapp中有多種方式可以調(diào)用相機(jī)進(jìn)行拍照,文中介紹了兩種方法,需要的朋友可以參考下

方法一：使用uni.chooseImage

uni.chooseImage({
	count: 6, //默認(rèn)9
	sizeType: ['original', 'compressed'], //可以指定是原圖還是壓縮圖，默認(rèn)二者都有
	sourceType: ['album','camera'],   //album 從相冊(cè)選圖，camera 使用相機(jī)
	success: function (res) {
		console.log(JSON.stringify(res.tempFilePaths)); //拍照?qǐng)D片的路徑
	}
});

方式二：使用plus.camera.getCamera

//調(diào)用相機(jī)獲取圖片地址和圖片名字
			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("讀取拍照文件錯(cuò)誤：" + e.message);
					});
				});
			},

補(bǔ)充：uniapp調(diào)用攝像頭，調(diào)用相冊(cè)

//點(diǎn)擊頭像調(diào)用攝像頭，或者直接選擇圖片
<image @click="chooseImage" :src="imgShow" class="toux" mode=""></image>

//手機(jī)真機(jī)操作測(cè)試才能調(diào)用攝像頭，相冊(cè)圖片，網(wǎng)頁上只能選擇圖片
chooseImage() {
		var _this = this
		uni.chooseImage({
			count: 1, //默認(rèn)9
			sizeType: ['original', 'compressed'], //可以指定是原圖還是壓縮圖，默認(rèn)二者都有
			sourceType: ['album', 'camera'], //從相冊(cè)選擇、攝像頭
			success: function(res) {
				_this.imgShow = res.tempFilePaths[0]
			}
		});
		// ass()
	},

總結(jié)

到此這篇關(guān)于uniapp調(diào)用手機(jī)相機(jī)進(jìn)行拍照的兩種方式的文章就介紹到這了,更多相關(guān)uniapp調(diào)用手機(jī)相機(jī)拍照內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

JS實(shí)現(xiàn)隊(duì)列的先進(jìn)先出功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)隊(duì)列的先進(jìn)先出功能,結(jié)合實(shí)例形式分析了基于JS的隊(duì)列初始化、賦值等相關(guān)操作技巧,需要的朋友可以參考下
2017-05-05
JS實(shí)現(xiàn)DIV容器賦值的方法
這篇文章主要介紹了JS實(shí)現(xiàn)DIV容器賦值的方法,可結(jié)合ajax使用,涉及JavaScript針對(duì)頁面元素的動(dòng)態(tài)操作技巧,需要的朋友可以參考下
2015-12-12
關(guān)于JS解構(gòu)的5種有趣用法
這篇文章主要給大家介紹了關(guān)于JS解構(gòu)的5種有趣用法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家學(xué)習(xí)或者使用JS解構(gòu)具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
2019-09-09
Array.prototype.concat不是通用方法反駁[譯]
ECMAScript 5.1規(guī)范中指出,數(shù)組方法concat是通用的(generic).本文反駁了這一結(jié)論,因?yàn)閷?shí)際上并不是這樣的
2012-09-09
如何在uniapp項(xiàng)目中使用mqtt
本文給大家分享uniapp中引入mqtt的全過程，在uniapp項(xiàng)目根目錄下分別運(yùn)行安裝mqtt和uuid的命令行，因?yàn)楹竺鏁?huì)用uuid生成mqtt的clientId，文中給大家介紹mqtt和uuid安裝過程，感興趣的朋友跟隨小編一起學(xué)習(xí)下吧
2021-05-05
javascript獲取本機(jī)操作系統(tǒng)類型的方法
關(guān)于我們使用電腦的操作系統(tǒng)，我們通過鼠標(biāo)點(diǎn)擊就能獲取，如果我們想用腳本怎么實(shí)現(xiàn)javascript獲取本機(jī)操作系統(tǒng)類型的方法呢，下面給大家分享javascript獲取本機(jī)操作系統(tǒng)類型的方法，需要的朋友可以參考下
2015-08-08
JavaScript實(shí)現(xiàn)生成隨機(jī)密碼的示例詳解
使用JavaScript我們可以輕松地在客戶端生成隨機(jī)密碼,本文我們將實(shí)現(xiàn)一個(gè)簡單的隨機(jī)密碼生成器,能夠生成指定長度和包含特定字符集的密碼,有需要的可以參考下
2024-01-01
微信小程序setInterval定時(shí)函數(shù)新手使用的超詳細(xì)教程
平時(shí)開發(fā)中為實(shí)現(xiàn)倒計(jì)時(shí)效果可以使用setInterval即可,下面這篇文章主要給大家介紹了關(guān)于微信小程序setInterval定時(shí)函數(shù)新手使用的超詳細(xì)教程,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
2022-08-08
用DIV完美模擬createPopup 彈出窗口(腳本之家修正版)，支持Firefox,ie,chrome
最近要重構(gòu)公司的一個(gè)站，有一個(gè)拾色器只支持IE，不支持FIREFOX CHROME等瀏覽器，花了點(diǎn)時(shí)間對(duì)照原來的重寫了個(gè)。完美實(shí)現(xiàn)createPopup方法的彈窗效果，歡迎大家拍磚！
2009-09-09
javascript實(shí)現(xiàn)京東快遞單號(hào)的查詢效果
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)京東快遞單號(hào)的查詢效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2020-11-11