// 通过Image对象获取图片的Base64格式
// img: Image对象, width、height调用时传入具体像素值,控制大小 ,不传则默认图像大小
function getBase64Image (img, width, height) {
  const canvas = document.createElement('canvas')
  canvas.width = width || img.width
  canvas.height = height || img.height
  const ctx = canvas.getContext('2d')
  ctx.drawImage(img, 0, 0, canvas.width, canvas.height)
  const dataURL = canvas.toDataURL()
  return dataURL
}
// 根据网络地址获取图片的Base64
function getBase64 (img) {
  const image = new Image()
  image.crossOrigin = ''
  image.src = img
  return new Promise((resolve, reject) => {
    image.onload = function () {
      const base64Data = getBase64Image(image)
      resolve(base64Data)
    }
  })
}
// 根据网络地址获取图片的宽高
function getBase64 (img) {
  const image = new Image()
  image.crossOrigin = ''
  image.src = img
  return new Promise((resolve, reject) => {
    image.onload = function () {
      const { width, height } = image
      resolve({ width, height })
    }
  })
}
// 获取图片的实际大小
export function getImageSize(img) {
  return fetch(img).then((res) => {
    return res.blob()
  })
}
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐