@blob / 博客 RSS 訂閱

Dec 20 2023

水冗水孚 - 打印FormData、file input只觸發一次change、Blob加File生成文件、FileReader讀取

本文通過標題中的幾個問題功能，提供一些代碼（包括接口，用於複習一下文件操作相關的知識） 問題一 FormData無法直接console.log出來 問題復現 如下代碼： script const formData = new FormData() formData.append('name', '孫悟空') formData.append('age', 50) f

formdata , filereader , file , blob

收藏 評論

Jun 25 2023

LnEoi - axios中responseType配置blob、arraybuffer、stream值有什麼差異

Axios處理文件下載時，需要配置responseType將返回數據處理成指定格式，官方文檔是這樣寫的： { // `responseType` indicates the type of data that the server will respond with // options are: 'arraybuffer', 'document', 'json', 'text', 'st

Axios , blob , stream , 前端 , Javascript

收藏 評論

Dec 28 2023

浪遏飛舟 - 徹底説清楚 Javascript 如何處理二進制

JavaScript 提供了一些 API 來處理文件或原始文件數據，例如：File、Blob、FileReader、ArrayBuffer、base64 等。下面就來看看它們都是如何使用的，它們之間又有何區別和聯繫！ ArrayBuffer ArrayBuffer 對象用來表示通用的、固定長度的原始二進制數據緩衝區，是內存中一段固定長度的連續數據存儲區的引用，你無法直接操作或修改它，只能通過 D

二進制 , typearray , base64 , blob , arraybuffer

收藏 評論

Jun 04 2025

simonbaker - 從Demo到防禦：揭秘Blob URI釣魚攻擊的原理與實戰防禦

通過上一篇文章Cofense披露新型釣魚攻擊手法：利用 Blob URI 繞過 SEG，大概知道Blob URL的釣魚攻擊手法了。 下面再看個Demo，深入瞭解下攻擊原理。 一、攻擊實施路徑 1. 誘導階段 偽造可信郵件： 攻擊者構造包含合法域名鏈接的釣魚郵件（如baidu.com），利用百度品牌可信度降低用户警惕性。 繞過郵件網關： 鏈接指向的中間頁面託管在合法的服務上，HTML文件無惡意特徵，

blob , 安全 , 前端

收藏 評論

Jul 19 2023

明未為洺 - 文件url路徑轉換file對象

實現一個小功能，遠程url轉為file對象 方案一： function getFileFromUrl(url: string, fileName: string) { return new Promise(async (resolve, reject) = { const response = await fetch(url); const blob = await re

file , blob , Javascript

收藏 評論

Nov 03 2025

薇薇 - 二進制文件下載實例，blob、ArrayBuffer區別

背景 下載文件功能，點擊下載按鈕，後端返回二進制文件流，前端執行下載文件功能；當返回錯誤信息時前端能夠正確提示。 步驟一：請求設置responseType 請求數據時responseType不同,ArrayBuffer為arraybuffer，blob為blob。 步驟二：對響應進行攔截並判斷 正確情況 創建a標籤並下載。 const blob = new Bl

Axios , blob , arraybuffer , Javascript

收藏 評論

Nov 03 2025

DiracKeeko - [axios] axios發送 及 接收處理二進制數據

一、發送攜帶二進制數據的請求 在圖片上傳、文件上傳等場景中，需要發送payload為二進制數據的'POST'請求 注: 只要請求體中不是純 JSON 或字符串，而是包含或完全由二進制數據構成的內容 (如文件、音視頻、圖片)，就需要發送payload為二進制數據的'POST'請求。 這裏的重點是設置headers，先介紹如何發送這種特殊的請求。 分別以 1.axios(config) , 2.

文件上傳 , 二進制 , Axios , blob , 前端

收藏 評論

Dec 30 2024

大衞talk - 走進前端二進制

由於格式和圖片解析問題，可以前往博客 閲讀原文 在實際的開發過程中經常會遇到二進制數據，常見的就有文件的上傳、下載等等，還有比較重要的圖片裁剪、灰度處理等等，這些場景都會涉及到二進制。相信很多開發者對這方面可能一知半解或者就是久而忘之，本人剛開始也是對這方面空白，通過全方位的學習後其實也挺簡單，整體總結可以直奔文中 前端二進制是一種關鍵的數據表示和處理技術，它在前端開發中具有廣泛的應用。瞭解

二進制 , blob , stream , 流媒體 , 前端

收藏 評論

Oct 31 2022

zhanle_huang - 一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器

一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器 需求描述 一張base64圖片格式的圖片，將其轉化成blob然後上傳到服務器，後台跟接收表單文件上傳一樣的方式去處理改圖片 實現 // url 表示base64的字符串， name表示文件名，附加到blob上的那麼、上 uploadFile(url, name) { // 以逗號劃分類型和內容

base64 , blob , HTML , 前端 , Javascript

收藏 評論