一般情况下，在以下情况下 Object URL 会被自动释放：

• 当相关的 JavaScript 代码执行完成并不再引用 Object URL 时 （垃圾回收释放）。
• 当页面被卸载（关闭或导航到其他页面）时。
• 当使用 URL.revokeObjectURL() 手动释放 Object URL 时。

注意：在不需要使用URL时，应该通过 URL.revokeObjectURL() 函数来释放它，以避免内存泄漏。如下：

    // 创建一个包含图片数据的 Blob 对象     const imageData = new Uint8Array([137, 80, 78, 71, 13, 10, 26, 10, /* ... */]);     const blob = new Blob([imageData], { type: 'image/png' });      // 创建 Object URL 并将图片显示在 <img> 标签中     const imageUrl = URL.createObjectURL(blob);     const imageElement = document.getElementById('image');     imageElement.src = imageUrl;      // 在不需要 Object URL 时释放它     // 通常在不需要显示图片或其他二进制数据时调用     // 这样可以释放浏览器内存，避免内存泄漏     // 注意：在实际应用中，请根据需要选择合适的时机来调用 URL.revokeObjectURL()     // imageElement.onload = () => {     //   URL.revokeObjectURL(imageUrl);     // };

• Base64

• Base64 是一种编码方式，它将二进制数据转换成只包含 ASCII 字符的文本表示形式。这种编码方式通常用于在文本协议中传输二进制数据，例如在电子邮件、URL、XML、JSON 等文本格式中嵌入图片、音频、视频等二进制数据。Base64 编码基于 64 个可打印的 ASCII 字符（A-Z，a-z，0-9，+ 和 /），以及一个用于填充的字符（通常是等号 =）。编码规则如下：

• 将 3 字节的二进制数据（24 位）划分为四组，每组 6 位。

• 将每组 6 位二进制数据转换为一个可打印字符。

• 如果原始数据不是 3 字节的倍数，则会在末尾添加一个或两个等号（=）字符进行填充。

理论上说：Base64 编码后的数据大小通常会比原始数据大约 33%，因为每 3 字节的数据会编码成 4 个字符。会比blob url消耗更多内存，但是在不用的时候会自动从内存中清除（通过垃圾回收机制）。

在 JavaScript 中，可以使用 readAsDataURL api 和 canvas 的 toDataURL api 获取 base64 格式的数据流。

注意:上述方式获取的是一种根据数据类型生成的base64编码数据，不是真实一一对应的base64编码规则，因为添加了一些数据类型头部，即：base64编码的数据和 dataUrl 类型的数据不是一个东西。如。data:image/jpeg;base64,/9j/,这种的类型 (data: - Data URL 的协议头部、image/jpeg - MIME 类型，表示数据的媒体类型、base64 - 表示数据是使用 Base64 编码的。它告诉浏览器如何解码数据、/9j/ - Base64 编码后的数据的起始部分标识)。

想获取完整标准的 Base64编码，可以使用 btoa() 函数将字符串进行 Base64 编码，以及使用 atob() 函数将 Base64 编码的字符串解码为原始字符串。在 Node.js 中，可以使用 Buffer.from() 和 Buffer.toString() 来进行 Base64 编码和解码。

• atob(ascii to binary) ： 解码 ，用于将ascii码解析成binary数据。用于解码Base64编码的字符串。
• btoa(binary to ascii) ：编码，用于将binary数据用ascii码表示。常用于编码字符串。(不支持Unicode字符编码)，它的编码范围实际上是在 0 到 255 的整数值之间，即一个字节（8 位）的范围。

 const originalString = 'Hello, world!';
 const encodedString = btoa(originalString); 
 const decodedString = atob(encodedString);  console.log(encodedString); // "SGVsbG8sIHdvcmxkIQ==" console.log(decodedString); // "Hello, world!"

想要支持其他的Unicode字符编码，可以使用以下方式：

• 编码时，先用encodeURIComponent对字符串进行编码，再使用btoa进行编码
• 解码时，先用atob对数据进行解码 ，再用decodeURIComponent对字符串进行解码

 let str_unicode = "中国" 
 let encode_str_unicode =  btoa(encodeURIComponent(str_unicode)); 
 console.log(encode_str_unicode);  //  JUU0JUI4JUFEJUU1JTlCJUJE 
 let decode_str_unicode = decodeURIComponent(atob(encode_str_unicode));
 console.log(decode_str_unicode);  //  中国

注意： 上述的decodeURIComponent和encodeURIComponent是一种URI 编码，一种将特殊字符转换为可安全传输和显示的形式的编码方式。在 URI（Uniform Resource Identifier）中，某些字符被保留用于特殊用途，例如作为分隔符或标记符号。如果要在 URI 中包含这些保留字符，就需要将它们转换为编码形式，这样才能正确传输和解析。比如我们常见到网页路径包含这种参数 %E4%B8%AD%E5%9B%BD

格式转化

以下是一些常用的基本转化：

1.Blob → ArrayBuffer

 let blob = new Blob(['Hello,world'],{type: "text/plain"}); 
 let fileReader = new FileReader();  
 fileReader.onload = function(event) {   
    let result = event.target.result;   
    console.log(result);  // ArrayBuffer(11) 
  }; 
  fileReader.readAsArrayBuffer(blob, 'UTF-8');  

2.Blob → (Base64 | DataURL)

 let blob = new Blob(['Hello,world'],{type: "text/plain"}); 
 let fileReader = new FileReader();  
 fileReader.onload = function(event) {   
    let result = event.target.result;   
    console.log(result);   //  data:text/plain;base64,SGVsbG8sd29ybGQ=   
    let arr = result.split(',');  
    let bstr = atob(arr[1])    
    console.log(bstr)  //   Hello,world 
  }; 
  fileReader.readAsDataURL(blob, 'UTF-8');  

注意：以上的编码依旧是不能支持所有Unicode编码方式，因为blob中的数据有可能是一些高码位的字符，那么readAsDataURL生成的dataurl有可能获取的是乱码，所以要给定blob生成时的字符编码方式，此时处理方式如下：

 const blob = new Blob([''], { type: 'text/plain;charset=UTF-8' }); // Specify UTF-8 encoding in the Blob 
 let fileReader = new FileReader();  
 fileReader.onload = function(event) {   
    let result = event.target.result;   
    console.log(result);   //  data:text/plain;charset=utf-8;base64,8KCcjg==   
    let arr = result.split(',');  
    let bstr = atob(arr[1])  // Convert binary string to UTF-8 string const decoder = new TextDecoder('utf-8'); 
    const utf8String = decoder.decode(new Uint8Array(bstr.length).map((_, i) => bstr.charCodeAt(i)));  console.log(utf8String); // "" 
  }; 
    fileReader.readAsDataURL(blob, 'UTF-8');  

在上述示例中，我们首先使用 atob() 函数将 Base64 编码的数据转换为二进制数据（二进制字符串）。然后，我们使用 TextDecoder 对象将二进制数据转换回原始的 UTF-8 字符串。

注意，TextDecoder 构造函数的参数 'utf-8' 指定了使用 UTF-8 编码进行解码。确保在解码时使用与编码时相同的字符编码，以便正确还原原始数据。在我们之前的示例中，我们在创建 Data URL 时指定了 UTF-8 编码，因此在解码时也要使用 UTF-8 编码。

3.Blob → Object URL

 let blob = new Blob(['Hello,world']); 
 const objectUrl = URL.createObjectURL(blob); 

4.Blob → File

 let blob = new Blob(['Hello,world']); 
 let file = new File([blob], "blob", {type: 'text/plain'})  // File{ name: "blob",size:11,type: "text/plain" ... }

5.ArrayBuffer → Blob

 const buffer = new ArrayBuffer(12); 
 const s = new Uint8Array(buffer); 
 let u = [72, 101, 108, 108, 111, 44, 32, 87, 111, 114, 108, 100]; for (let i = 0; i < 12; i++) {   s[i] = u[i];  } 
                                                                      const blob = new Blob([s]); URL.createObjectURL(blob);    // Hello, World

6.ArrayBuffer → Base64

这里编码方式有两种，一种是可以通过btoa编码的，即是上文所说的限制 255 以内的字符。另一种是兼容其他的Unicode码点的转换方式。(以下是演示需要，实际使用不需要创建其他多余的数据) 。

 //（非高码位） 
                                                                      const buffer = new ArrayBuffer(12); 
 const s = new Uint8Array(buffer); 
 let u = [72, 101, 108, 108, 111, 44, 32, 87, 111, 114, 108, 100]; for (let i = 0; i < 12; i++) {   s[i] = u[i]; } 
const base64 = btoa(String.fromCodePoint.Apply(null,s)); 
atob(base64)  // 'Hello, World'  
// （高码位） 
const encoder = new TextEncoder(); 
const buffer = encoder.encode("").buffer;  // 这是在高码位的一个字符 const s = new Uint8Array(buffer);     // 演示需要，转成buffer  
const  decoder = new TextDecoder(); 
const str = decoder.decode(buffer); 
// console.log(str);  // ""  这里的输出就是 想要的字符，以下的操作是为了演示Unicode也可以编码。  // 编码 
let encode_str_unicode =  btoa(encodeURIComponent(str)); // 解码 // let decode_str_unicode = decodeURIComponent(atob(encode_str_unicode));  console.log(encode_str_unicode);  //  JUYwJUEwJTlDJThF  这里的转换得到的高码位的编码结果 // console.log(decode_str_unicode);  // ""  

7. (Base64 | DataURL)→ Blob

 const data_url =  "data:text/plain;charset=utf-8;base64,8KCcjg=="; // 这里是dataurl let arr = data_url.split(',');  
 let bstr = atob(arr[1])  // 这里就是base64  // Convert binary string to UTF-8 string const decoder = new TextDecoder('utf-8'); 
const utf8String = decoder.decode(new Uint8Array(bstr.length).map((_, i) => bstr.charCodeAt(i))); 
 console.log(utf8String); // "” 
// 这里必须要给予charset 否则 createObjectURL生成的文本是乱码 
const blob = new Blob([utf8String], { type: 'text/plain;charset=UTF-8' });    
URL.createObjectURL(blob)  // 这里访问即可得到   字符