js將本地圖片轉(zhuǎn)base64 JS截取圖片(img)標(biāo)簽中一塊區(qū)域的內(nèi)容轉(zhuǎn)為base64編碼?
JS截取圖片(img)標(biāo)簽中一塊區(qū)域的內(nèi)容轉(zhuǎn)為base64編碼?/*** Convert an image * to a base64 string* @param {String} url
JS截取圖片(img)標(biāo)簽中一塊區(qū)域的內(nèi)容轉(zhuǎn)為base64編碼?
/**
* Convert an image
* to a base64 string
* @param {String} url
* @param {Function} callback
* @param {String} [outputFormat=image/png]
*/
function convertImgToBase64(url, callback, outputFormat){
var canvas = document.createElement("CANVAS"),
ctx = canvas.getContext("2d"),
img = new Image
img.crossOrigin = "Anonymous"
img.onload = function(){
var dataURL
canvas.height = img.height
canvas.width = img.width
ctx.drawImage(img, 0, 0)
dataURL = canvas.toDataURL(outputFormat)
callback.call(this, dataURL)
canvas = null
}
img.src = url
}
這個(gè)方法試試吧?。。?!
js將圖片連接轉(zhuǎn)換成base64格式的簡單實(shí)例?
通過img標(biāo)簽就可以顯示。
默認(rèn)就支持base64顯示 看看這個(gè)網(wǎng)站base64轉(zhuǎn)圖片就能理解了base64轉(zhuǎn)圖片