这是我想Blob对Base64字符串执行的代码片段：
此注释部分有效，当由此生成的 URL 设置为 img src 时，它会显示图像：
var blob = items[i].getAsFile();
//var URLObj = window.URL || window.webkitURL;
//var source = URLObj.createObjectURL(blob);
//console.log("image source=" + source);
var reader = new FileReader();
reader.onload = function(event){
console.log(event.target.result)
}; // data url!
var source = reader.readAsBinaryString(blob);
问题出在较低的代码上，生成的源变量为空
更新：
是否有一种更简单的方法可以使用 JQuery 来从 Blob 文件创建 Base64 字符串，如上面的代码所示？
var reader = new FileReader();
reader.readAsDataURL(blob);
reader.onloadend = function() {
var base64data = reader.result;
console.log(base64data);
}
将文档 readAsDataURL编码为 base64
作为一个有await能力的功能：
function blobToBase64(blob) {
return new Promise((resolve, _) => {
const reader = new FileReader();
reader.onloadend = () => resolve(reader.result);
reader.readAsDataURL(blob);
});
}
注意：如果不先删除 Base64 编码数据之前的 Data-URL 声明，则无法将 blob 的结果直接解码为 Base64。要仅检索 Base64 编码的字符串，请首先从结果中删除数据：/ ;base64。
这对我有用：
var blobToBase64 = function(blob, callback) {
var reader = new FileReader();
reader.onload = function() {
var dataUrl = reader.result;
var base64 = dataUrl.split(',')[1];
callback(base64);
};
reader.readAsDataURL(blob);
};
有一种不依赖于任何堆栈的纯 JavaSript 方式：
const blobToBase64 = blob => {
const reader = new FileReader();
reader.readAsDataURL(blob);
return new Promise(resolve => {
reader.onloadend = () => {
resolve(reader.result);
};
});
};
要使用此辅助函数，您应该设置一个回调，例如：
blobToBase64(blobData).then(res => {
// do what you wanna do
console.log(res); // res is base64 now
});
我为 React Native 项目中的问题编写了这个辅助函数，我想下载一个图像，然后将其存储为缓存图像：
fetch(imageAddressAsStringValue)
.then(res => res.blob())
.then(blobToBase64)
.then(finalResult => {
storeOnMyLocalDatabase(finalResult);
});
var audioURL = window.URL.createObjectURL(blob);
audio.src = audioURL;
var reader = new window.FileReader();
reader.readAsDataURL(blob);
reader.onloadend = function () {
base64data = reader.result;
console.log(base64data);
}
function bufferToBinaryString(arrayBuffer){
return String.fromCharCode(...new Uint8Array(arrayBuffer));
}
(async () => console.log(btoa(bufferToBinaryString(await new Response(blob).arrayBuffer()))))();
或者
function bufferToBinaryString(arrayBuffer){
return String.fromCharCode(...new Uint8Array(arrayBuffer));
}
new Response(blob).arrayBuffer().then(arr_buf => console.log(btoa(bufferToBinaryString(arr_buf)))))
参见Response 的构造函数，您可以将其[blob, buffer source form data, readable stream, etc.]转换为Response，然后可以将其转换[json, text, array buffer, blob]为异步方法/回调。
编辑：正如@Ralph 提到的，将所有内容都转换为 utf-8 字符串会导致问题（不幸的是，响应 API 没有提供转换为二进制字符串的方法），因此使用数组缓冲区作为中间值，这需要另外两个步骤（将其转换为字节数组 THEN 到二进制字符串），如果你坚持使用本机btoa方法。