1、方法如下1在HTML頁(yè)面中添加一個(gè)拍照按鈕文件輸入框和圖像預(yù)覽框2在JavaScript代碼中定義一個(gè)函數(shù)takePhoto，用于實(shí)現(xiàn)拍照和保存功能3在該函數(shù)中，首先獲取文件輸入框的引用4使用getUserMedia方法獲取攝像頭的媒。

2、單純HTML5無(wú)法保存圖片，但是可以調(diào)用攝像頭生成圖片，并發(fā)送給服務(wù)器，通過(guò)后臺(tái)語(yǔ)言比如php發(fā)送給瀏覽器，便于用戶下載。

3、1實(shí)現(xiàn)頭部的方法代碼2編寫(xiě)css樣式的方法代碼3html上傳代碼4js處理的方法代碼5測(cè)試效果如下注意事項(xiàng)JavaScript是一種屬于網(wǎng)絡(luò)的腳本語(yǔ)言，已經(jīng)被廣泛用于Web應(yīng)用開(kāi)發(fā)，常用來(lái)為網(wǎng)頁(yè)添加各式各樣的動(dòng)態(tài)功能。

4、1實(shí)現(xiàn)頭的方法代碼2編寫(xiě)CSS樣式的方法代碼3html上傳代碼4JS處理方法代碼5測(cè)試結(jié)果如下注意事項(xiàng)JavaScript是一種網(wǎng)絡(luò)腳本語(yǔ)言，在web應(yīng)用開(kāi)發(fā)中得到了廣泛的應(yīng)用，它經(jīng)常被用來(lái)為網(wǎng)頁(yè)添加各種動(dòng)態(tài)功能。

5、你給的網(wǎng)頁(yè)用的是 ltinput accept=quotimage*quot type=quotfilequot，在IOS端點(diǎn)擊時(shí)會(huì)提示選擇圖片或相機(jī)，安卓端要看瀏覽器對(duì)這兩個(gè)屬性的優(yōu)化，部分瀏覽器會(huì)直接跳轉(zhuǎn)到資源管理器，優(yōu)化做得好的可以直接提示選擇相冊(cè)或相機(jī)移動(dòng)。

6、首先實(shí)現(xiàn)在瀏覽器中調(diào)用手機(jī)攝像頭，實(shí)現(xiàn)拍照功能并且把拍下的照片顯示在頁(yè)面并上傳到服務(wù)器上，然后再在服務(wù)器端進(jìn)行分析首先實(shí)現(xiàn)在瀏覽器中調(diào)用攝像頭，當(dāng)然用現(xiàn)在火的不行的html5，html5中的ltvideo標(biāo)簽，并將從攝像頭。

7、navigatorgetUserMediavideotrue， function stream videosrc = stream， function error alerterror 2拍照 關(guān)于拍照功能，采用HTML5的Canvas實(shí)時(shí)捕獲Video標(biāo)簽的。

8、html5需要使用接口chrome30+ for android 已經(jīng)實(shí)現(xiàn)了利用webcam，調(diào)用手機(jī)后置攝像頭，代碼如下lt！DOCTYPE htmllthtml xmlns=quotlthead lttitleHTML5 GetUserMedia Demolttitle lt。

9、并在script中定義 var video = documentgetElementByIdquotvideoquotvar context = canvasgetContextquot2dquotvar errocb = function consolelog#39sth wrong！#39 然后，簡(jiǎn)單的說(shuō)就是利用html5的api navigator。

10、alert#39加載照相機(jī)出錯(cuò)！#39 + messageelse alert#39加載相冊(cè)出錯(cuò)！#39 + message， quality 50，destinationType destinationTypeFILE_URI，sourceType source 拍照 function EditImgPz。

11、html5提供了 navigatorgetUserMedia接口使用設(shè)備攝像頭，chrome28上測(cè)試已經(jīng)可用，手機(jī)端瀏覽器測(cè)試發(fā)現(xiàn)只有opera瀏覽器可用瀏覽器未完善之前可以使用PhoneGap完成，它提供了 接口，使用js可以方便調(diào)用。

12、h5不能直接調(diào)用攝像頭，只能用ltinput type=quotfilequot 上傳圖片來(lái)間接調(diào)用攝像頭。

13、ltinput type=quotfilequot accept=quotvideo*capture=camcorderquotltinput type=quotfilequot accept=quotaudio*capture=microphonequot之前做過(guò)微信的一些項(xiàng)目，在ios上使用這個(gè)file域是可以實(shí)現(xiàn)拍照和選擇相冊(cè)的 但是由于安卓機(jī)的。

14、filequot name=quotuploadquot onchange=quotonChooseFilethisquot accept=quotimagepng，imagejpeg，imagegifquot capture=quotcameraquot 其中capture屬性必須加上，accept屬性應(yīng)該這樣定義accept=quotimage*quot，否則在網(wǎng)頁(yè)中無(wú)法使用拍照功能。

15、html5在線拍相片，現(xiàn)在只能用其他框架來(lái)實(shí)現(xiàn)選照片，就是調(diào)用讀相冊(cè)你看看私信的，能滿足你的功能嗎。

16、html5需要使用接口chrome30+ for android 已經(jīng)實(shí)現(xiàn)了利用webcam，調(diào)用手機(jī)后置攝像頭，代碼如下lt！DOCTYPE html lthtml xmlns=quot lthead lttitleHTML5 GetUserMedia Demolttitle ltmeta。