html5如何調(diào)用手機(jī)后攝像頭并且保存照片

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

成都創(chuàng)新互聯(lián)公司從2013年成立，先為利辛等服務(wù)建站，利辛等地企業(yè)，進(jìn)行企業(yè)商務(wù)咨詢(xún)服務(wù)。為利辛企業(yè)網(wǎng)站制作PC+手機(jī)+微官網(wǎng)三網(wǎng)同步一站式服務(wù)解決您的所有建站問(wèn)題。

html5 canvas在線生成圖片后怎么樣保存到數(shù)據(jù)庫(kù)(服務(wù)器端)而不是本地？

canvas畫(huà)布保存為圖片：

function?convertCanvasToImage(canvas)?{

var?image?=?new?Image();

image.src?=?canvas.toDataURL("image/png");

return?image;

canvas參數(shù)為你的canvas對(duì)象，返回一個(gè)圖片對(duì)象，你可以將這個(gè)image放到網(wǎng)頁(yè)結(jié)構(gòu)中，如果要保存圖像，可以將canvas.toDataURL("image/png")返回的base64格式的圖片數(shù)據(jù)放到input（type=hidden）中，用戶點(diǎn)擊上傳按鈕（或設(shè)置表單自動(dòng)提交），將base64格式的數(shù)據(jù)上傳

形如：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAABbSURBVDhPY8AFMvJL/oMwlEs8yMgvJVcjyMbSYaERogCC0/OAGIkPwaVQMUhgQWiggWANIAzUhKoBpgjdMIhBUHsxAdxkUgHMBiiXeDAQNkICAsolHuC3kYEBAG/wdxC2W2tUAAAAAElFTkSuQmCC

服務(wù)器端接收到字符串（以上字符串可以直接在瀏覽器中打開(kāi)，IE低版本就算了，能用canvas的瀏覽器都可以）后根據(jù)data:image/png得知應(yīng)該保存的文件類(lèi)型擴(kuò)展名（png），然后將base64,后面的base64編碼字符串解碼(后端語(yǔ)言實(shí)現(xiàn)，如PHP用base64_decode()函數(shù))，將解碼后的二進(jìn)制數(shù)據(jù)以二進(jìn)制的形式保存到服務(wù)器上（圖片形式）

如果存數(shù)據(jù)庫(kù)，可以直接存base64編碼，讀取時(shí)候解碼也行，圖片建議以文件形式存儲(chǔ)，數(shù)據(jù)庫(kù)不適合存大文件

怎樣將html5中利用canvas繪制的圖像在服務(wù)端保存為圖片

首先你得搞明白為什么需要Base64這個(gè)東西，Base64的主要應(yīng)用場(chǎng)景就是把二進(jìn)制（Binary）的內(nèi)容通過(guò)一個(gè)映射轉(zhuǎn)換到可以用ASCII字符表達(dá)的字符串，然后便于使用HTTP協(xié)議在客戶端和服務(wù)器端傳輸數(shù)據(jù)。所以，關(guān)鍵的一部你做的有些問(wèn)題

byte[] bytes=decoder.decodeBuffer(s);

這里解碼出來(lái)的byte[]已經(jīng)是你的圖片內(nèi)容了，這些byte不可能再成功的構(gòu)造成字符串了，否則為何還需要用Base64啊。所以，你需要保存的是解碼出來(lái)的byte[]，而不是Base64的字符串。

另外，Base64的編解碼器，你用的那個(gè)BASE64Decoder是sun.misc提供的，為了確保最大化的兼容，比如運(yùn)行在非Sun JVM的環(huán)境時(shí)，建議使用apache的common-codec。

用html5或js功能或css實(shí)現(xiàn)特定方框內(nèi)圖像保存為圖片功能。

無(wú)法實(shí)現(xiàn)。

window.location.href = "image/octet-stream"僅僅是用來(lái)將獲取的圖片數(shù)據(jù)在新窗口打開(kāi)，瀏覽器就會(huì)自動(dòng)提示下載。

可問(wèn)題是image的數(shù)據(jù)從哪兒來(lái)？HTML5里面的Canvas支持象素級(jí)操作，可以獲取圖像數(shù)據(jù)，但一個(gè)網(wǎng)頁(yè)不是一張圖片，它是有許多的DOM和樣式渲染而成，在JS中是無(wú)法將其轉(zhuǎn)換成一張圖片的，除非瀏覽器提供相關(guān)API，但目前并沒(méi)有瀏覽器提供了類(lèi)似的API，因此暫時(shí)無(wú)法實(shí)現(xiàn)。

你看現(xiàn)在所有的截圖，要么是瀏覽器自帶的，要么就要安裝插件。

分享文章：html5保存圖片,html的圖片怎么保存
URL標(biāo)題：http://chinadenli.net/article28/dsidhjp.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供企業(yè)建站、微信小程序、網(wǎng)站設(shè)計(jì)公司、App開(kāi)發(fā)、營(yíng)銷(xiāo)型網(wǎng)站建設(shè)、面包屑導(dǎo)航

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)