當(dāng)前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript Blob对象
生活随笔
收集整理的這篇文章主要介紹了
JavaScript Blob对象
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
前言
略
創(chuàng)建 Blob對(duì)象
var blob = new Blob(["Hello World!"],{type:"text/plain"}); console.log(blob); /* Blob {size: 12, type: "text/plain"} */預(yù)覽圖片
拿到了一個(gè)Blob對(duì)象，該對(duì)象對(duì)應(yīng)一個(gè)圖片，可以使用下面的方式預(yù)覽：
cropper.getCroppedCanvas().toBlob(function(img) {var image2 = document.getElementById('avatar2');image2.src=URL.createObjectURL(img); });- img 是個(gè)圖片Blob對(duì)象
- avatar2 是個(gè) html img 元素
示例
<!DOCTYPE html> <html lang="zh" > <head><meta charset="utf-8"> </head> <body class="white-bg"><a id="id1" href="#">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>
參考
在web應(yīng)用程序中使用文件
URL.createObjectURL()
總結(jié)
以上是生活随笔為你收集整理的JavaScript Blob对象的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： mysql 自增列
- 下一篇： [javascript] Date 时间