Tôi cần chuyển đổi chuỗi mã hóa base64 thành Bộ đệm ArrayBuffer. Các chuỗi base64 là đầu vào của người dùng, chúng sẽ được sao chép và dán từ email, vì vậy chúng không ở đó khi trang được tải. Tôi muốn thực hiện việc này bằng javascript mà không cần thực hiện lệnh gọi ajax tới máy chủ nếu có thể.

Tôi thấy những liên kết đó thú vị, nhưng chúng không giúp được tôi:

ArrayBuffer đến chuỗi mã hóa base64

đây là về chuyển đổi ngược lại, từ ArrayBuffer sang base64, không phải ngược lại

http://jsperf.com/json-vs-base64/2

điều này có vẻ tốt nhưng tôi không thể tìm ra cách sử dụng mã.

Có cách nào dễ dàng (có thể là bản địa) để thực hiện chuyển đổi không? cảm ơn

Thử cái này:

function _base64ToArrayBuffer(base64) {
    var binary_string = window.atob(base64);
    var len = binary_string.length;
    var bytes = new Uint8Array(len);
    for (var i = 0; i < len; i++) {
        bytes[i] = binary_string.charCodeAt(i);
    }
    return bytes.buffer;
}

Sử dụng TypedArray.from :

Uint8Array.from(atob(base64_string), c => c.charCodeAt(0))

Hiệu suất được so sánh với phiên bản vòng lặp for của câu trả lời Goran.it.

Câu trả lời của Goran.it không hoạt động do sự cố unicode trong javascript - https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding .

Tôi đã kết thúc bằng cách sử dụng hàm được cung cấp trên blog của Daniel Guerrero: http://blog.danguer.com/2011/10/24/base64-binary-decoding-in-javascript/

Hàm được liệt kê trên liên kết github: https://github.com/danguer/blog-examples/blob/master/js/base64-binary.js

Sử dụng những dòng này

var uintArray = Base64Binary.decode(base64_string);  
var byteArray = Base64Binary.decodeArrayBuffer(base64_string); 

Vừa tìm thấy base64-arraybuffer, một gói npm nhỏ với mức sử dụng cực kỳ cao, 5 triệu lượt tải xuống vào tháng trước (2017-08).

https://www.npmjs.com/package/base64-arraybuffer

Đối với bất kỳ ai đang tìm kiếm một giải pháp tiêu chuẩn tốt nhất, đây có thể là nó.

Async giải pháp, nó tốt hơn khi dữ liệu lớn:

// base64 to buffer
function base64ToBufferAsync(base64) {
  var dataUrl = "data:application/octet-binary;base64," + base64;

  fetch(dataUrl)
    .then(res => res.arrayBuffer())
    .then(buffer => {
      console.log("base64 to buffer: " + new Uint8Array(buffer));
    })
}

// buffer to base64
function bufferToBase64Async( buffer ) {
    var blob = new Blob([buffer], {type:'application/octet-binary'});    
    console.log("buffer to blob:" + blob)

    var fileReader = new FileReader();
    fileReader.onload = function() {
      var dataUrl = fileReader.result;
      console.log("blob to dataUrl: " + dataUrl);

      var base64 = dataUrl.substr(dataUrl.indexOf(',')+1)      
      console.log("dataUrl to base64: " + base64);
    };
    fileReader.readAsDataURL(blob);
}

Javascript là một môi trường phát triển tốt nên có vẻ kỳ lạ hơn là nó không cung cấp giải pháp cho vấn đề nhỏ này. Các giải pháp được cung cấp ở những nơi khác trên trang này có thể chậm. Đây là giải pháp của tôi. Nó sử dụng chức năng có sẵn để giải mã url dữ liệu âm thanh và hình ảnh base64.

var req = new XMLHttpRequest;
req.open('GET', "data:application/octet;base64," + base64Data);
req.responseType = 'arraybuffer';
req.onload = function fileLoaded(e)
{
   var byteArray = new Int8Array(e.target.response);
   // var shortArray = new Int16Array(e.target.response);
   // var unsignedShortArray = new Int16Array(e.target.response);
   // etc.
}
req.send();

Yêu cầu gửi không thành công nếu chuỗi 65 cơ sở được tạo sai.

Loại kịch câm (ứng dụng / octet) có lẽ là không cần thiết.

Đã thử nghiệm trong chrome. Sẽ hoạt động trong các trình duyệt khác.

Đối với người dùng Node.js:

const myBuffer = Buffer.from(someBase64String, 'base64');

myBuffer sẽ thuộc loại Buffer là một lớp con của Uint8Array. Thật không may, Uint8Array KHÔNG phải là bộ đệm ArrayBuffer như OP đã yêu cầu. Nhưng khi thao tác ArrayBuffer, tôi hầu như luôn bọc nó bằng Uint8Array hoặc thứ gì đó tương tự, vì vậy nó phải gần với những gì được yêu cầu.

JS thuần túy - không có chuỗi middlestep (không có atob)

Tôi viết hàm sau đây chuyển đổi base64 theo cách trực tiếp (không chuyển đổi thành chuỗi ở middlestep). Ý TƯỞNG

• nhận được 4 đoạn base64 ký tự
• tìm chỉ mục của mỗi ký tự trong bảng chữ cái base64
• chuyển đổi chỉ mục thành số 6 bit (chuỗi nhị phân)
• nối bốn số 6 bit tạo ra số 24 bit (được lưu trữ dưới dạng chuỗi nhị phân)
• chia chuỗi 24 bit thành ba chuỗi 8 bit và giấu từng chuỗi thành số và lưu trữ chúng trong mảng đầu ra
• chữ hoa góc: nếu chuỗi base64 đầu vào kết thúc bằng một / hai ký tự =, hãy xóa một / hai số khỏi mảng đầu ra

Giải pháp dưới đây cho phép xử lý chuỗi base64 đầu vào lớn. Chức năng tương tự để chuyển đổi byte sang base64 mà không có btoa là TẠI ĐÂY

function base64ToBytesArr(str) {
  const abc = [..."ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/"]; // base64 alphabet
  let result = [];

  for(let i=0; i<str.length/4; i++) {
    let chunk = [...str.slice(4*i,4*i+4)]
    let bin = chunk.map(x=> abc.indexOf(x).toString(2).padStart(6,0)).join(''); 
    let bytes = bin.match(/.{1,8}/g).map(x=> +('0b'+x));
    result.push(...bytes.slice(0,3 - (str[4*i+2]=="=") - (str[4*i+3]=="=")));
  }
  return result;
}


// --------
// TEST
// --------


let test = "Alice's Adventure in Wonderland.";  

console.log('test string:', test.length, test);
let b64_btoa = btoa(test);
console.log('encoded string:', b64_btoa);

let decodedBytes = base64ToBytesArr(b64_btoa); // decode base64 to array of bytes
console.log('decoded bytes:', JSON.stringify(decodedBytes));
let decodedTest = decodedBytes.map(b => String.fromCharCode(b) ).join``;
console.log('Uint8Array', JSON.stringify(new Uint8Array(decodedBytes)));
console.log('decoded string:', decodedTest.length, decodedTest);

const str = "dGhpcyBpcyBiYXNlNjQgc3RyaW5n"
const encoded = new TextEncoder().encode(str) // is Uint8Array
const buf = encoded.buffer // is ArrayBuffer