js 獲取網絡圖片的Base64、實際大小、寬高

// 由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()
  })
}