前言

略

创建 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对象相关推荐

JavaScript分割文件（Blob对象|File对象）
在遇到较大文件上传时往往需要对文件进行分割上传,整理一小段文件分割例子 <input type='file' id='fileSelector' /> <button onclick ...
blob转file对象_JavaScript Blob 对象解析
Blob是JavaScript内建对象,表示不可变的原始数据的类似文件的对象. blob是表示原始数据的不可变对象,这些数据不一定是javascript原生格式的,文件接口基于Blob,继承Blob功 ...
js Blob对象介绍
2019独角兽企业重金招聘Python工程师标准>>> 什么是Blob?Blob是一种JavaScript的对象类型.HTML5的文件操作对象,file对象就是Blob的一个分支或说 ...
js中关于Blob对象的介绍与使用
js中关于Blob对象的介绍与使用 blob对象介绍一个 Blob对象表示一个不可变的, 原始数据的类似文件对象.Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是js ...
js二进制流转Blob对象。Blob对象再转File对象
JavaScript 二进制转文件使用js将blob对象转file对象前端处理后端返回的二进制流文件 js中Blob对象一般用法 js中关于Blob对象的介绍与使用上传的文件对象完整代码实例 ...
[JS进阶] JS 之Blob 对象类型
什么是Blob? Blob 是什么? 这里说的是一种Javascript的对象类型. oracle 中也有类似的栏位类型. 在 [JS进阶] HTML5 之文件操作(file) 这一篇中用到了File ...
如何使用Blob对象进行指定文件名下载
一.Blob对象 Blob 对象表示一个不可变.原始数据的类文件对象.Blob 表示的不一定是JavaScript原生格式的数据.File 接口基于Blob,继承了 blob 的功能并将其扩展使其支持 ...
blob没权限 ie_js使用Blob对象下载兼容ie
官方解释:Blob是一个类文件的不可变的原始数据对象,非javascript原生数据类型,File对象就是继承自Blob对象,且在Blob的基础上进行扩展,以便支持用户系统上的文件. 先贴下载代码 v ...
基于blob对象动态封装一个web worker
一.前言在html5出来以后,有许多新特性值得我们关注, 其中一个就是web worker.相信如果关心前端发展的同学就算没有使用过web worker也听过这个东西.今天我们就来讲一讲web ...

JavaScript Blob对象

前言

创建 Blob对象

预览图片

示例

参考

JavaScript Blob对象相关推荐

最新文章

热门文章