@longmo-utils/browser / blobToDataURL

Function: blobToDataURL()

function blobToDataURL(blob): Promise<string>;

将 Blob 转换为 Data URL

Data URL 格式: data:[<mediatype>][;base64],<data>

Parameters

Parameter	Type	Description
blob	Blob	要转换的 Blob 对象

Returns

Promise<string>

返回 Data URL 字符串

Examples

const blob = new Blob(['hello world'], { type: 'text/plain' });
const dataUrl = await blobToDataURL(blob);
console.log(dataUrl); // 'data:text/plain;base64,aGVsbG8gd29ybGQ='

const blob = await fetch('image.png').then(r => r.blob());
const dataUrl = await blobToDataURL(blob);
const img = document.createElement('img');
img.src = dataUrl;
document.body.appendChild(img);

const blob = await fetch('background.jpg').then(r => r.blob());
const dataUrl = await blobToDataURL(blob);
element.style.backgroundImage = `url(${dataUrl})`;

const blob = new Blob(['file content'], { type: 'text/plain' });
const dataUrl = await blobToDataURL(blob);
const a = document.createElement('a');
a.href = dataUrl;
a.download = 'file.txt';
a.click();