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 >

https://zh.javascript.info/fetch

最后生成于 2023-08-15 14:30:36 上一篇文章：

axios读取文件大小和上传进度

下一篇文章：

window.performance.timing参数值

热门推荐：

在 JavaScript 中将数组拆分为n个数组

单页面引用highlightjs使代码快高亮方式

FormData实例代码

pdf流内容在线预览和下载

JavaScript new XMLHttpRequest() 获取文件的大小和文件加载进度条

JavaScript new XMLHttpRequest() 上传文件显示进度条

fetch请求图片获取图片的大小和blob数据

移动端适配方式 postcss-pxtorem

JavaScript onbeforeinput事件禁止输入数字

JavaScript ondragstart拖拽事件