JS中new Blob()详解及blob转file示例
更新时间:2023年11月03日 08:50:00 作者:转身_learner
这篇文章主要给大家介绍了关于JS中new Blob()详解及blob转file的相关资料,Blob Blob(Binary Large Object)表示二进制类型的大对象,文中通过代码介绍的非常详细,需要的朋友可以参考下
定义:
Blob() 构造函数返回一个新的 Blob 对象。blob 的内容由参数数组中给出的值的串联组成。
语法
var aBlob = new Blob( array, options );
参数
- array 是一个由ArrayBuffer, ArrayBufferView, Blob, DOMString 等对象构成的 Array ,或者其他类似对象的混合体,它将会被放进 Blob。DOMStrings 会被编码为 UTF-8。
- options 是一个可选的BlobPropertyBag字典,它可能会指定如下两个属性:
- type,默认值为 “”,它代表了将会被放入到 blob 中的数组内容的 MIME 类型。
- endings,默认值为"transparent",用于指定包含行结束符\n的字符串如何被写入。它是以下两个值中的一个:“native”,代表行结束符会被更改为适合宿主操作系统文件系统的换行符,或者 “transparent”,代表会保持 blob 中保存的结束符不变 非标准
示例
var aFileParts = ['<a id="a"><b id="b">hey!</b></a>']; // 一个包含 DOMString 的数组 可以是dom 数字 对象 日期等等 都要转成字符串 //例如: let aFileParts = [JSON.stringify({age:18,sex:'男'})] var oMyBlob = new Blob(aFileParts, {type : 'text/html'}); // 得到 blob 里面的type是 MIME 类型 也就是 前面内容的格式 需要转成什么类型的格式
blob转file
let obj = { age: 18, sex: '男' } let content = JSON.stringify(obj) // blob类型 let blob = new Blob([content], { type: 'application/json' }) // 将blob转成url let url = URL.createObjectURL(blob) //blob:null/244bec7f-e3d3-43d5-803e-f98cc5c8117f =>链接里面的数据就是右边的内容 {"age":18,"sex":"男"} console.log(url) //blob转file let filename = '文件名' var file = new File([blob], filename, { type: 'application/json', lastModified: Date.now() }); //或者 var file1 = new File([content], filename, { type: 'application/json', lastModified: Date.now() }); console.log("文件", file, file1)
总结
到此这篇关于JS中new Blob()详解及blob转file示例的文章就介绍到这了,更多相关new Blob()及blob转file内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
相关文章
js中的onchange和onpropertychange (onchange无效的解决方法)
这篇文章主要介绍了js中的onchange和onpropertychange (onchange无效的解决方法),需要的朋友可以过来参考下,希望对大家有所帮助2014-03-03jquery下onpropertychange事件的绑定方法
用了onchange事件,但是在输入的时候,用Javascript计算出并填值的那一列并不会响应onchange 事件。2010-08-08BootstrapTable请求数据时设置超时(timeout)的方法
使用bootstrapTable获取数据时,有时由于网络或者服务器的原因,无法及时获取到数据,页面显示一直处于等待状态。为了改善效果,考虑设置超时,请求发送后超时即显示无数据,过段时间重新发起请求2017-01-01
最新评论