JavaScript获取网络图片的Base64、实际尺寸、宽高
JavaScript获取网络图片的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()
})
}
更多推荐
已为社区贡献2条内容
所有评论(0)