Laravel  
laravel
文档
数据库
架构
入门
php技术
    
Laravelphp
laravel / php / java / vue / mysql / linux / python / javascript / html / css / c++ / c#

js blob转json

作者:一岁就很帅   发布日期:2025-07-03   浏览:60

// 将 Blob 转换为 JSON 的示例代码

// 假设我们有一个 Blob 对象,其中包含 JSON 数据
const blob = new Blob(['{"name": "Alice", "age": 25}'], { type: 'application/json' });

// 使用 FileReader 来读取 Blob 内容
const reader = new FileReader();

// 当文件读取完成时触发此事件处理程序
reader.onloadend = function() {
    // 将读取到的内容转换为 JSON 对象
    const json = JSON.parse(reader.result);
    console.log(json); // 输出: { name: 'Alice', age: 25 }
};

// 读取 Blob 作为文本
reader.readAsText(blob);

// 如果需要将 JSON 对象再转换回 Blob:
const jsonObject = { name: 'Bob', age: 30 };
const jsonString = JSON.stringify(jsonObject);
const newBlob = new Blob([jsonString], { type: 'application/json' });

解释说明:

  1. 创建 Blob:我们首先创建一个包含 JSON 字符串的 Blob 对象。Blob 构造函数接受一个数组,其中包含要封装的数据,以及一个可选的对象参数来指定 MIME 类型(在这里是 application/json)。

  2. 使用 FileReader:为了读取 Blob 内容,我们使用 FileReader 对象。FileReader 提供了多种方法来读取文件或数据,这里我们使用 readAsText 方法来将 Blob 读取为文本字符串。

  3. 处理读取结果:当 FileReader 完成读取时,会触发 onloadend 事件。在这个事件处理程序中,我们通过 JSON.parse 将读取到的文本字符串解析为 JavaScript 对象。

  4. 将 JSON 对象转换回 Blob:如果你想将一个 JSON 对象转换回 Blob,可以先将其序列化为字符串(使用 JSON.stringify),然后再创建一个新的 Blob 对象。

上一篇:js json 排序

下一篇:js 引入json

大家都在看

js 数组对象排序

js 数组删掉第一个值

js fill

js json数组

js 数组复制

js 复制数组

js 数组拷贝

js 对象转数组

js 深拷贝数组

js 点击空白区域触发事件

Laravel PHP 深圳智简公司。版权所有©2023-2043 LaravelPHP 粤ICP备2021048745号-3

Laravel 中文站