常用于处理文件数据、图像数据、音频数据等。Blob对象通常用于在客户端处理文件,如上传文件、下载文件、处理图像等操作。Blob对象可以通过Blob构造函数创建,也可以通过其他方式获取,比如从File对象中获取。
const blob = new Blob(["Hello, world!"]); const slicedBlob = blob.slice(null, 5, "text/plain");
const blob = new Blob(["Hello, world!"]); console.log(blob.size); // 输出 13
const blob = new Blob(["Hello, world!"], { type: "text/plain" }); console.log(blob.type); // 输出 "text/plain"
const blob = new Blob(["Hello, world!"]); blob.arrayBuffer().then(arrayBuffer => { // 处理ArrayBuffer对象 });
如果不想再使用这个对象。可以调用URL.revokeObjectURL(你的url)
,最好在不使用时候就释放,减少占用资源
var blob = new Blob(["Hello World!"],{type:"text/plain"}); console.log(blob); /* Blob {size: 12, type: "text/plain"} */
拿到了一个Blob对象,该对象对应一个图片,可以使用下面的方式预览:
cropper.getCroppedCanvas().toBlob(function(img) { var image2 = document.getElementById('avatar2'); image2.src=URL.createObjectURL(img); });
<!DOCTYPE html> <html lang="zh" > <head> <meta charset="utf-8"> </head> <body class="white-bg"> <a id="id1" href="#" rel="external nofollow" >blob</a> <script type="text/javascript"> var blob = new Blob(["Hello World!"],{type:"text/plain"}); var id1Element = document.getElementById("id1"); id1Element.href = URL.createObjectURL(blob); </script> </body> </html>
到此这篇关于JavaScript中URL和Blob的具体实现的文章就介绍到这了,更多相关JavaScript URL和Blob内容请搜索插件窝以前的文章或继续浏览下面的相关文章希望大家以后多多支持插件窝!