码迷,mamicode.com
首页 > 其他好文 > 详细

图片转换成base64

时间:2019-09-24 17:23:02      阅读:90      评论:0      收藏:0      [点我收藏+]

标签:完成后   控制   pre   fun   base   TBase   index   return   creat   

let bgcImage = http://192.168.0.83:9080/files/4a9c3056-9b9b-4b41-b8e2-fd9f27023c41.jpg
let image = new Image()
    image.crossOrigin = ‘‘ // 必须有这个
    image.src = bgcImage
    image.onload = () => { // 图片加载完成后,调用getBase64Image方法 
        let base64ImageSrc = getBase64Image(image)
        console.log(base64ImageSrc )
}


export function getBase64Image(image, width, height) { // width、height调用时传入具体像素值,控制大小 ,不传则默认图像大小
  let canvas = document.createElement(canvas)
  canvas.width = width !== undefined ? width : image.width
  canvas.height = height !== undefined ? height : image.height
  let ctx = canvas.getContext(2d)
  ctx.drawImage(image, 0, 0, canvas.width, canvas.height)
  let ext = image.src.substring(image.src.lastIndexOf(.) + 1).toLowerCase()
  let dataURL = canvas.toDataURL(image/ + ext)
  return dataURL
}

 

图片转换成base64

标签:完成后   控制   pre   fun   base   TBase   index   return   creat   

原文地址:https://www.cnblogs.com/zhaobao1830/p/11579172.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!