[TOC]
>[success] # Blob類型數據轉換Json數據類型
~~~
'FileReader'對象允許Web應用程序異步讀取存儲在用戶計算機上的文件的內容,使用'File'或
'Blob'對象指定要讀取的文件或數據。
~~~
<br/>
>[success] ## 案例1
1. index.js
~~~
// 定義JSON數據
let data = { "name": "小明" };
// 轉換成字符串數組
let string = JSON.stringify(data);
// 轉換成Blob類型數據
let blobData = new Blob([string]);
console.log(blobData) // 打印Blob結果: Blob { size: 17, type: "" }
let reader = new FileReader(); // 創建讀取文件對象
reader.addEventListener("loadend", function () { //
let res = JSON.parse(reader.result); // 返回的數據
console.log(res,'返回結果數據') // { name: "小明" }
});
reader.readAsText(blobData, 'utf-8'); // 設置讀取的數據以及返回的數據類型為utf-8
~~~
- vue復選框邏輯
- get請求給后臺傳數組
- 提交表單時傳值參數處理方案
- Element ui上傳圖片功能
- async和await的使用
- 時間戳轉換
- 日期格式轉換時間戳
- 時間戳轉換日期格式
- 對深拷貝的認知總結
- vue-右鍵菜單功能
- textarea中換行、回車、空格的識別與處理
- element ui表格合并
- 合并行(上下行)
- 雙層for循環
- 數組去重
- 瀑布流
- 前端多條件篩選
- 閉包的理解
- 改變this指向
- vue單選框邏輯
- 對象數組根據某個屬性來進行排序
- vscode插件整理
- 對象數組多條件去重
- Blob類型數據轉換Json數據類型
- Element ui做批量上傳功能
- 前端cookie和后端cookie
- 強制轉換https協議
- 給事件傳額外參數
- 樹形結構數據處理
- 查找所有父級數據
- 根據id篩選單條數據
- 動態引入阿里圖標庫
- 四舍五入
- 封裝一個Promise.allSettled方法
- 判斷輸入框內是否有emoji表情
- element-ui的popover組件位置偏移
- formData上傳文件時,攜帶【數組對象參數】
- 前端解壓壓縮包(zip)解壓后上傳解壓的文件
- element ui表格列相同解決辦法
- elementUI,table復選框多選,翻頁/切換條數時保持選中狀態
- cookie 和 token 的區別