<template>
</template>
<script>
export default {
data() {
return {
};
},
mounted() {
let wineshopBgImage = require('@/assets/img/hotel.jpg');
this.saveImageToLocalStorage(wineshopBgImage);
},
methods: {
saveImageToLocalStorage(imageName){
this.getBase64Image(imageName).then((dataURL)=>{
console.log(dataURL); //这就是转换成功后的base64格式的图片
});
}
getBase64Image = src => {
return new Promise(resolve => {
let xhr = new XMLHttpRequest()
xhr.open('get', src, 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
resolve(base64)
}
oFileReader.readAsDataURL(blob)
}
}
xhr.send()
})
}
},
};
</script>
js将图片转base64格式
最新推荐文章于 2024-05-21 14:15:14 发布