Web端的文件系统

将大的arraybuffer写入本地磁盘,主要分为三种方式:

  • 使用showSaveFilePicker。该方式是将数据直接写入本地磁盘,只要磁盘中有内存,可以一直写下去。
  • 使用requestFileSystem。谷歌浏览器内核用来让 web 站点或 app 获得通过沙箱访问文件系统。先创建一定缓存N的容器,将buffer写入容器,最后再下载下来。缓存的文件最大只能是N.
  • 先将arraybuffer存在浏览器内存中,最后再下载下来。该方案适用于要写入的缓存不大的情况。

demo示例:

// 将转封装后的数据写入文件系统两种方案,用户根据需求选择一种即可,方案一:showSaveFilePicker;方案二:requestFileSystem;方案三:将数据先写入浏览器内存,最后下载下来,方案三只适用于录像文件较小的情况。
const writeFileSystemMode = 1;//1、2分别代表方案一和方案二
const totalLen = 1024 * 1024 * 10;//录像的内存先缓存到10M内存中,等待文件写完后,再写入文件。因为回调很快,写入文件慢。
let aEncodeBuffer = null;//10M内存的buffer
let aEncodeBufferLen = 0;//10M内存,已经写入的长度
const fileTotalLen = 1024 * 1024 * 1024;//方案二文件总大小1个G
var path = "recoderPath";//方案二录像文件路径
var aPath = path.split("/");//方案二录像文件路径
var fileName = null;//录像文件名称
let iTotalLength = 0;//方案一文件的总长度
let fileStream = null;//文件系统对象
let bWriteEncodeData = true;
let hasRecoderEnd = false;
let aDataList = [];
let headData = true;
function downloadFile(oData, szName) {
    let oBlob = oData;
    if (!(oData instanceof Blob || oData instanceof File)) {
        oBlob = new Blo
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值