js 解析blob数据

本文介绍了在前端通过WebSocket接收到Blob数据后,如何利用JavaScript的FileReader对象进行异步读取和处理。FileReader提供了多种事件和方法,如readAsDataURL、readAsText等,用于在读取操作完成后获取文件内容。同时强调了FileReader主要用于安全地读取用户系统上的文件,不能直接读取文件系统的路径。
摘要由CSDN通过智能技术生成

背景:前端通过websocket和其他设备通信,js中获取到的数据是Blob

在前端js的websocket中获取到Blob对象的数据以后

//websocket接收到数据
websocket.onmessage = function (event){

    //判断是否为Blob格式的数据
    if (event.data instanceof Blob) {
        var blob = event.data;
        
        //通过FileReader读取数据
        var reader = new FileReader();

        //以下这两种方式我都可以解析出来,因为Blob对象的数据可以按文本或二进制的格式进行读取
        reader.readAsBinaryString(blob);
        //reader.readAsText(blob, 'utf8');

        reader.onload = function(){
            var receive_data = this.result;//这个就是解析出来的数据
        }
    }
}

FileReader

FileReader 对象允许Web应用程序异步读取存储在用户计算机上的文件(或原始数据缓冲区)的内容,使用 File 或 Blob 对象指定要读取的文件或数据。

其中File对象可以是来自用户在一个<input>元素上选择文件后返回的FileList对象,也可以来自拖放操作生成的 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值