- 图片路径转换为Base64
imageUrlToBase64(imageUrl) {
let image = new Image()
image.setAttribute('crossOrigin', 'anonymous')
image.src = imageUrl +"&v=" + Math.random()
image.onload = () => {
var canvas = document.createElement("canvas")
canvas.width = image.width
canvas.height = image.height
var context = canvas.getContext('2d')
context.drawImage(image, 0, 0, image.width, image.height)
var quality = 0.8
var dataURL = canvas.toDataURL("image/jpeg", quality)
this.base64toFile(dataURL)
}
}
- Base64转换为二进制文件流(binary)
base64toFile (dataurl, filename = 'file') {
let arr = dataurl.split(',')
let mime = arr[0].match(/:(.*?);/)[1]
let suffix = mime.split('/')[1]
let bstr = atob(arr[1])
let n = bstr.length
let u8arr = new Uint8Array(n)
while (n--) {
u8arr[n] = bstr.charCodeAt(n)
}
let file = new File([u8arr], `${filename}.${suffix}`, {
type: mime
})
console.log(file)
}
- 使用 ajax + FileReader
getBase64(imgUrl) {
let xhr = new XMLHttpRequest();
xhr.open('get', '/xxx.jpg', true);
xhr.responseType = 'blob';
xhr.onload = function() {
if (this.status == 200) {
let blob = this.response;
let oFileReader = new FileReader();
oFileReader.onloadend = function(e) {
const base64 = e.target.result
};
oFileReader.readAsDataURL(blob);
}
};
xhr.send();
},