js base64格式與圖片互轉

js base64轉為圖片格式

js直接設置img屬性值為 圖片的base64數據即可。

如：

document.getElementById('img').setAttribute('img', 'base64數據')

 

js 圖片轉base64格式

如：

let imgUrl = 'imgUrl'

function getBase64Image (image) {

  let canvas = document.createCanvas('canvas')

  canvas.width = image.width

  canvas.height = image.height

 

  let ctx = canvas.getContext('2d')

  ctx.drawImage(image, 0, 0, image.width, image.height)

 

  let imgStr = image.src.substring(image.src.lastIndexOf('.')+1).toLowerCase()

  let dataUrl = canvas.toDataURL('image/' + imgStr)

  return dataUrl

}

 

let img = new Image()

img.src = imgUrl

img.onload = function() {

  let base64 = this.getBase64Image(img)

  console.log(base64)

}