JS截取圖片(img)標簽中一塊區(qū)域的內(nèi)容轉(zhuǎn)為base64編碼？/****轉(zhuǎn)換圖像*到base64字符串*@param{string}url*@param{Function}回調(diào)*@param{str

JS截取圖片(img)標簽中一塊區(qū)域的內(nèi)容轉(zhuǎn)為base64編碼？

/****轉(zhuǎn)換圖像

*到base64字符串

*@param{string}url

*@param{Function}回調(diào)

*@param{string}[outputFormat=image/png]

*/

Function convertImgToBase64（url，callback，outputFormat）{var canvas=文檔.createElement（“CANVAS”），

ctx=畫布.getContext（“2d”），

img=新圖像圖像交叉原點=“匿名”圖像加載=函數(shù)（）{

var dataURL畫布高度= 儀表高度

畫布寬度= 圖像寬度

ctx.drawImage文件（img，0，0）

數(shù)據(jù)URL=canvas.toDataURL（輸出格式）回撥.call（這個，dataURL）

畫布=空

}img.src公司=Url

}

試試這個方法

jsbase64轉(zhuǎn)圖片？

可通過img標簽顯示。默認情況下，它支持Base64顯示

您可以通過查看網(wǎng)站Base64轉(zhuǎn)換圖片來了解它

1。這是存儲在數(shù)據(jù)庫中的img圖片的地址。前臺放置IMG服務器標簽，后臺讀取數(shù)據(jù)庫中的IMG圖片地址分配。

2. 你可以在后臺拼接HTML，拼接img標簽，然后輸出到前臺。使用Ajax，您可以在后臺編寫一個方法來獲取數(shù)據(jù)庫中的IMG圖像地址。

3. 前臺，加載頁面時，base64代碼字符串被傳輸?shù)角芭_，轉(zhuǎn)換后可以顯示圖像。

4. 之后，我們將發(fā)送一個帶有圖像預覽的演示，將圖像存儲在Ajax中。

5. 讀取時，從數(shù)據(jù)庫中讀取相應的數(shù)據(jù)，然后轉(zhuǎn)換成圖片顯示。