當前位置：
首頁 >
前端技术
> javascript
>内容正文
javascript
JavaScript Blob对象
生活随笔
收集整理的這篇文章主要介紹了
JavaScript Blob对象
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
前言
略
創建 Blob對象
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); });- img 是個圖片Blob對象
- avatar2 是個 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應用程序中使用文件
URL.createObjectURL()
總結
以上是生活随笔為你收集整理的JavaScript Blob对象的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： mysql 自增列
- 下一篇： form表单中，file选择图片后预览