快捷導(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)頁(yè)上只能選擇圖片
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)文章

JavaScript常見的跨標(biāo)簽頁(yè)通信方式總結(jié)
跨標(biāo)簽頁(yè)通信是指在瀏覽器中的不同標(biāo)簽頁(yè)之間進(jìn)行數(shù)據(jù)傳遞和通信的過程,這篇文章為大家整理了前端常見的跨標(biāo)簽頁(yè)通信方式,有需要的小伙伴可以了解下
2023-10-10
javascript 處理HTML元素必須避免使用的一種方法
我們?cè)诰帉懬芭_(tái)頁(yè)面的時(shí)候，可能經(jīng)常會(huì)用到“javascript+數(shù)據(jù)”生成頁(yè)面元素的方法，但當(dāng)我們要處理的數(shù)據(jù)量較大，導(dǎo)致頁(yè)面需要展現(xiàn)過多的控件的時(shí)候，頁(yè)面的響應(yīng)速度也會(huì)直線下降
2009-07-07
JavaScript大數(shù)相加相乘的實(shí)現(xiàn)方法實(shí)例
這篇文章主要給大家介紹了關(guān)于JavaScript大數(shù)相加相乘的實(shí)現(xiàn)方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
2020-10-10
推薦發(fā)幾個(gè)常用控件(新加DHTML控件)
推薦發(fā)幾個(gè)常用控件(新加DHTML控件)...
2007-08-08
JS使用正則表達(dá)式實(shí)現(xiàn)常用的表單驗(yàn)證功能分析
這篇文章主要介紹了JS使用正則表達(dá)式實(shí)現(xiàn)常用的表單驗(yàn)證功能,結(jié)合實(shí)例形式分析了JS基于正則表達(dá)式的表單驗(yàn)證功能原理、實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下
2020-04-04
JavaScript數(shù)組，JSON對(duì)象實(shí)現(xiàn)動(dòng)態(tài)添加、修改、刪除功能示例
這篇文章主要介紹了JavaScript數(shù)組，JSON對(duì)象實(shí)現(xiàn)動(dòng)態(tài)添加、修改、刪除功能,結(jié)合實(shí)例形式分析了JavaScript針對(duì)json數(shù)組的添加、刪除、修改操作實(shí)現(xiàn)技巧,需要的朋友可以參考下
2018-05-05
JavaScript函數(shù)apply()和call()用法與異同分析
這篇文章主要介紹了JavaScript函數(shù)apply()和call()用法與異同,結(jié)合實(shí)例形式分析了apply()和call()的功能、區(qū)別、使用方法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2018-08-08
使用Bootstrap美化按鈕實(shí)例代碼(demo)
這篇文章主要介紹了使用Bootstrap美化按鈕實(shí)例代碼(demo),非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友可以參考下
2017-02-02
js實(shí)現(xiàn)的早期滑動(dòng)門菜單效果代碼
這篇文章主要介紹了js實(shí)現(xiàn)的早期滑動(dòng)門菜單效果代碼,涉及javascript數(shù)組遍歷及通過鼠標(biāo)事件動(dòng)態(tài)改變頁(yè)面元素屬性的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-08-08
JS對(duì)HTML表格進(jìn)行增刪改操作
這篇文章主要為大家詳細(xì)介紹了JS對(duì)HTML表格進(jìn)行增刪改操作，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-08-08