JSON传递BLOB对象

最新推荐文章于 2024-03-16 11:04:27 发布
最新推荐文章于 2024-03-16 11:04:27 发布
阅读量1.1k 收藏
点赞数
文章标签： json 网络 java
原文链接：http://www.cnblogs.com/Mush-Room/p/7877025.html
版权

最近看到浏览器有个getUserMedia API可以获得摄像头，麦克风采集的数据，就想结合websocket做个语音聊天室玩玩。

但是得到的blob对象怎么放在json里传回去对我来说实在是个坑

最后采用把blob用FileReader的readAsDataURL转成base64格式传输，再转回blob对象的解决办法

转来转去的，base64格式还把原数据变大了1/3，怎么看也不是太好的解决方法

之后或许会再找找更优的解决方法（flag）

转载于:https://www.cnblogs.com/Mush-Room/p/7877025.html

dinghao2474
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
json转化过慢的调优
快马扬鞭须努力！
01-06 4777
json转化过慢的调优 最近系统响应很慢，后来发现和SQL也关系不大。 跟踪程序后发现，和JAVA对象转化为JSON对象有一定的关系，也算是优化的一个方面吧。 json的官方网站 http://json.org/ 找到一个遇到类似问题的朋友，参考他的日志 http://hi.baidu.com/camaro/blog/item/384b31e9e7bae237b90e2d4...
JavaScript Blob对象原理及用法详解
10-14
主要介绍了JavaScript Blob对象原理及用法详解,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
将返回的blob对象转为json数据
一只爱吃糖的小羊
08-18 3152
将返回的blob对象转为json数据
前端 之 FormData对象进阶
weixin_45092437的博客
05-19 2539
本篇博客主要包含以下内容： 1、FormData对象、JSON字符串、key=value字符串 三种参数形式对比。2、对FormData对象中的数据进行过滤。3、FormData对象结合同步token预防CSRF攻击。4、FormData对象结合input实现选择文件夹，批量上传文件。5、FormData对象结合dataTransfer实现拖拽文件夹，批量上传文件。
请求为blob，但是返回json格式，如何处理
最新发布
就是你的博客
03-16 521
这是因为读取文件涉及到磁盘I/O操作，这可能需要一些时间，而JavaScript是单线程的，如果进行同步读取，可能会阻塞整个页面，导致用户体验下降。因此，尽管有时我们可能希望同步读取文件内容以便更直接地处理数据，但在Web浏览器中通常不支持同步文件读取。在JavaScript中，由于浏览器环境的限制，文件读取操作通常是异步的，包括使用。API 没有提供同步读取的方法，所有的读取操作都是通过事件驱动的异步方式完成的。但是，如果你确实收到的是二进制数据（可能是以。来读取它，这实际上是不必要的，因为。
JSON、Blob 数据类型转换
wqxiaongqi的博客
01-05 4165
数据类型转化，JSON 和 Blod 类型互转
Blob格式转json格式，拿到后端返回的json数据
见贤思齐焉，见不贤内自省
05-23 3380
Blob格式转json格式，拿到后端返回的json数据
blob数据与json数据互相转换
weixin_46156770的博客
10-14 1099
blob和json互相转换
JavaScript之Blob对象类型的具体使用方法
10-15
主要介绍了JavaScript之Blob对象类型的具体使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
HTML5 Blob对象的具体使用
11-20
本篇主要总结Blob对象属性及作用，通过DEMO介绍Blob对象的应用场景。 Blob对象 一直以来，JS都没有比较好的可以直接处理二进制的方法。而Blob的存在，允许我们可以通过JS直接操作二进制数据。 一个Blob对象就是一个...
js中关于Blob对象的介绍与使用
12-13
blob对象介绍 一个 Blob对象表示一个不可变的, 原始数据的类似文件对象。Blob表示的数据不一定是一个JavaScript原生格式 blob对象本质上是js中的一个对象，里面可以储存大量的二进制编码格式的数据。 创建blob对象 ...
如何用js将blob对象或json对象转file对象---前端自动上传json文件到服务器
希文Gershwin
02-28 1万+
业务需求是，后端返回一个json文件，先解析返回的json文件，然后渲染到界面。 用户编辑当前页面后，提交的时候，需要提示一个json文件到服务器，没有用户点击选择文件上传的一步，所以需要前端自己去做数据的转化 使用file()构造函数。 const files = new window.File([blob],this.files[0].name, { type: this.files[...
vue 处理JSON文件——上传导入、下载导出、在线预览
朝阳39的博客
07-03 5086
上传导入JSON文件 <el-button @click="importData" size="mini">导入</el-button> data() { return { fileList: [], uploadData: [], dialogImport: false, importData() { this.dialogImport = true; }, <el-dialog .
js-用于上传的FormData与Blob
热门推荐
火星男孩的分享空间
04-19 3万+
BLOB BLOB (binary large object)，二进制大对象，是一个可以存储二进制文件的容器。 在计算机中，BLOB常常是数据库中用来存储二进制文件的字段类型。 BLOB是一个大文件，典型的BLOB是一张图片或一个声音文件，由于它们的尺寸，必须使用特殊的方式来处理（例如：上传、下载或者存放到一个数据库）。 构造方法 script> var blob = new
java-blob类型（xml格式）与json对象/map互相转换
qq_23128255的博客
05-27 2087
blob与json互转，后台保存，前端显示目录1、前端显示（blob转json）（1）代码如下(借助BlobHelper工具类)2、后台保存（json转blob）如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入 目录 1、前端显示（blob转json） 解释：从数据库-or
文件下载失败，如何将blob对象处理成json
weixin_40281246的博客
07-02 1513
axios[method](url, data, { responseType: 'blob' // blob arraybuffer }).then(res => { let blob = new Blob([res.data],{type: 'application/vnd.ms-excel'}); /* 读取异常状态提示 */ var reader = new FileR...
JS前端创建html或json文件并浏览器导出下载
old brother stable
07-28 9969
一、HTML与文件下载 如果希望在前端侧直接触发某些资源的下载，最方便快捷的方法就是使用HTML5原生的download属性，例如：下载 如果纯粹利用HTML属性来实现文件的下载（而不是浏览器打开或浏览），对于动态内容，就无能为力。 例如，我们对页面进行分享的时候，希望分享图片是页面内容的实时截图，此时，这个图片就是动态的，纯HTML显然是无法满足我们的需求的，借助JS和其它一些HT
blob格式转json
学习笔记
11-19 3279
使用场景：将列表导出为excel文件，接口返回的数据类型为blob，这样我就获取不到报错信息了，所以需要将blob转为json才能满足需求 实现: // 请求接口时设置如下 { headers: { 'Content-Type': 'multipart/form-data', }, responseType: 'blob' } // 接口拿到数据之后的判断 const resInfo: any = await this.blobToObj(res.data) if(resInfo.co
SpringBoot传blob图片给前端
02-26
将 Base64 编码的字符串添加到 JSON 对象中，并将其作为响应发送到前端。 示例代码： ```java JSONObject response = new JSONObject(); response.put("image", base64EncodedImage); return ResponseEntity.ok...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值