js 解析blob数据

背景:前端通过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对象,也可以来自拖放操作生成的 

  • 0
    点赞
  • 12
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值