HLJ
发布于
2022-10-03 12:12:10
fetch请求图片获取图片的大小和blob数据
上一篇文章:
axios读取文件大小和上传进度
下一篇文章:
window.performance.timing参数值
<template>
<div id="progressBar_max"></div>
</template>
<script>
export default {
created: function () {
this.test()
},
methods: {
async test() {
let response = await fetch('good4/test/1.jpg');
let blob = await response.blob(); // 下载为 Blob 对象
const progressBar_max = document.getElementById("progressBar_max");
progressBar_max.innerHTML = `${(blob.size / 1024 / 1024).toFixed(3)}MB`;
// 为其创建一个 <img>
let img = document.createElement('img');
img.style = 'width:100px';
document.body.append(img);
// 显示它
img.src = URL.createObjectURL(blob);
},
}
}
</script>
最后生成于 2022-11-21 22:22:33
上一篇文章:
axios读取文件大小和上传进度
下一篇文章: