它的主要功能就是上傳兩張人像，通過(guò)算法進(jìn)行分析對(duì)比，最后得出一個(gè)相似度的分?jǐn)?shù)，以驗(yàn)證你們是天造地設(shè)還是顏值互補(bǔ)但是，當(dāng)我們把上傳的圖片轉(zhuǎn)換成base64格式，發(fā)送給后臺(tái)時(shí)，會(huì)發(fā)現(xiàn)偶爾會(huì)出現(xiàn)問(wèn)題，有一些圖片本來(lái)是這樣的柴犬 處理之后卻變成了這樣柴犬2 經(jīng)過(guò)測(cè)試發(fā)現(xiàn)，只有iOS手機(jī)豎著拍的照片；html5提供了 navigatorgetUserMedia接口使用設(shè)備攝像頭，chrome28上測(cè)試已經(jīng)可用，手機(jī)端瀏覽器測(cè)試發(fā)現(xiàn)只有opera瀏覽器可用瀏覽器未完善之前可以使用PhoneGap完成，它提供了 接口，使用js可以方便調(diào)用設(shè)備攝像頭。

URLcreateObjectURL 簡(jiǎn)介 通過(guò)URLcreateObjectURL創(chuàng)建一個(gè)URL對(duì)象，這個(gè)URL對(duì)象表示指定的file對(duì)象或Blob對(duì)象兼容性 張?chǎng)涡竦奈恼?HTML5 file API加canvas實(shí)現(xiàn)圖片前端JS壓縮并上傳 張?chǎng)涡竦奈恼?理解DOMStringDocumentFormDataBlobFileArrayBuffer數(shù)據(jù)類型 使用Camera API 張?chǎng)涡瘢?需要chrome 180及以上版本，并且需要打開(kāi)aboutflags啟用相關(guān)功能，也可以使用支持html5的opera瀏覽器2網(wǎng)頁(yè)必須運(yùn)行于服務(wù)器端，基于。

1首先打開(kāi)微信，點(diǎn)擊“朋友圈”進(jìn)入2進(jìn)入朋友圈后，點(diǎn)擊右上角的小相機(jī)圖標(biāo)也可以，點(diǎn)擊個(gè)人的頭像也可以3進(jìn)入之后，點(diǎn)擊今天旁邊的小相機(jī)圖標(biāo)4會(huì)出現(xiàn)一個(gè)懸浮框，選擇“照片”，之就可以根據(jù)系統(tǒng)提示選擇需要的進(jìn)行上傳了；沒(méi)有打開(kāi)數(shù)據(jù)網(wǎng)絡(luò)使用用微信小程序里相機(jī)拍照上傳需要網(wǎng)絡(luò)支持運(yùn)行，提示無(wú)網(wǎng)絡(luò)是因?yàn)闆](méi)有打開(kāi)數(shù)據(jù)網(wǎng)絡(luò)導(dǎo)致的只需要在設(shè)置中打開(kāi)重新上傳即可。

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)功能，為用戶提供更流暢美觀的瀏覽效果通常JavaScript腳本是通過(guò)嵌入在HTML中來(lái)實(shí)現(xiàn)自身；1H5支持圖片上傳功能當(dāng)在H5網(wǎng)頁(yè)或應(yīng)用中需要上傳文件時(shí)，可以在APP內(nèi)多出一個(gè)拍照的選擇按鈕，用戶可以通過(guò)點(diǎn)擊該按鈕直接使用設(shè)備的攝像頭進(jìn)行拍照，并將拍攝的照片作為文件上傳到網(wǎng)頁(yè)或應(yīng)用的服務(wù)器上2H5支持?jǐn)z像頭功能H5是HTML5的縮寫(xiě)，是一種標(biāo)準(zhǔn)化的網(wǎng)頁(yè)技術(shù)，其中包含了一些新的API和功能。

3進(jìn)入發(fā)現(xiàn)主界面，點(diǎn)擊顯示在最后的小程序選項(xiàng)按鈕4進(jìn)入小程序主界面之后，在搜索欄界面，輸入“傳圖識(shí)字”5搜索到之后，點(diǎn)擊第一個(gè)傳圖識(shí)字選項(xiàng)并進(jìn)入6進(jìn)入傳圖識(shí)字主界面之后，選擇拍照選圖選項(xiàng)7可以從相冊(cè)里選擇圖片，也可以現(xiàn)場(chǎng)拍照上傳，系統(tǒng)會(huì)自動(dòng)；1在手機(jī)微信上點(diǎn)擊視頻號(hào)按鈕進(jìn)入2進(jìn)入到視頻號(hào)界面以后點(diǎn)擊右上角的頭像3下拉頁(yè)面到底部點(diǎn)擊發(fā)表視頻按鈕4在手機(jī)底部出現(xiàn)的選項(xiàng)中點(diǎn)擊拍攝按鈕5在打開(kāi)的攝像頭界面中按住中間的拍照按鈕不放，進(jìn)行視頻拍攝6視頻拍攝完成以后松開(kāi)按鈕，點(diǎn)擊添加音樂(lè)的按鈕7在出現(xiàn)的音樂(lè)選項(xiàng)中選擇。

最近在做一個(gè)公司的保險(xiǎn)信息處理系統(tǒng)項(xiàng)目，開(kāi)發(fā)微信端瀏覽器訪問(wèn)的HTML5的頁(yè)面，頁(yè)面中有一個(gè)ltinput id=quotinputquot type=quotfilequot標(biāo)簽，iOS直接就支持吊起相機(jī)拍照或是相冊(cè)選擇，但android中不支持吊起相機(jī)拍照，只能吊起相冊(cè)選擇，網(wǎng)上的帖子說(shuō)是因?yàn)閍ndroid屏蔽了文件上傳功能還是怎么的，沒(méi)看明白此篇；可以參考chrome小樂(lè)圖客擴(kuò)展的截圖功能，支持粘貼剪貼板圖片拖拽圖片或者粘貼圖片網(wǎng)址上傳，是通過(guò)html5 file reader實(shí)現(xiàn)的。

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)功能，為用戶提供更加流暢美觀的瀏覽效果，通常JavaScript腳本被嵌入到HTML中來(lái)實(shí)現(xiàn)自己的；方法步驟1在電腦上登錄2在手機(jī)的微信客戶端里面選擇掃一掃，并把掃描框?qū)?zhǔn)網(wǎng)頁(yè)上的二維碼3掃描成功后在手機(jī)上點(diǎn)擊確認(rèn)登錄微信網(wǎng)頁(yè)版4之后網(wǎng)頁(yè)上就會(huì)跳轉(zhuǎn)到微信界面5在手機(jī)上點(diǎn)擊文件傳輸助手，然后點(diǎn)擊＋號(hào)選擇自己想要上傳的圖片可以現(xiàn)在拍照也可以選擇已經(jīng)儲(chǔ)存在手機(jī)上。

HTML5技術(shù)支持WebApp在手機(jī)上拍照，顯示在頁(yè)面上并上傳到服務(wù)器這是手機(jī)微博應(yīng)用中常見(jiàn)的功能，當(dāng)然你也可以在其它類型應(yīng)用中適當(dāng)使用此技術(shù)1 視頻流 HTML5 的 The Media Capture媒體捕捉 API 提供了對(duì)攝像頭的可編程訪問(wèn)，用戶可以直接用 getUserMedia請(qǐng)注意目前僅Chrome和Opera支持獲得攝像；選擇圖片 apimediaimage 上傳圖片 apinetworkupload 小程序身份認(rèn)證界面，點(diǎn)擊上傳地方的加號(hào)，選擇相冊(cè)或者拍照，進(jìn)行上傳，原圖無(wú)壓縮，最多上傳3張。