Base64 kodlama dizesini ArrayBuffer'a dönüştürmem gerekiyor. Base64 dizeleri kullanıcı girdisidir, bir e-postadan kopyalanıp yapıştırılırlar, böylece sayfa yüklendiğinde orada olmazlar. Bunu mümkünse sunucuya bir ajax çağrısı yapmadan javascript'te yapmak istiyorum.

Bu bağlantıları ilginç buldum ama bana yardımcı olmadılar:

ArrayBuffer'dan base64 kodlu dizeye

bu, ArrayBuffer'dan base64'e zıt dönüşümle ilgili, tersi değil

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

bu iyi görünüyor ancak kodu nasıl kullanacağımı çözemiyorum.

Dönüştürmeyi yapmanın kolay (belki yerel) bir yolu var mı? Teşekkürler

Bunu dene:

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;
}

TypedArray.from kullanarak :

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

Goran.it'in for loop sürümü ile karşılaştırılacak performans cevap.

Goran.it'in yanıtı, javascript'teki unicode sorunu nedeniyle çalışmıyor - https://developer.mozilla.org/en-US/docs/Web/API/WindowBase64/Base64_encoding_and_decoding .

Daniel Guerrero'nun blogunda verilen işlevi kullandım: http://blog.danguer.com/2011/10/24/base64-binary-decoding-in-javascript/

İşlev github bağlantısında listelenmiştir: https://github.com/danguer/blog-examples/blob/master/js/base64-binary.js

Bu satırları kullanın

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

Son derece yüksek kullanıma sahip küçük bir npm paketi olan base64-arraybuffer'ı yeni buldum, geçen ay (2017-08) 5 milyon indirme.

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

En iyi standart çözümü arayanlar için bu olabilir.

Zaman uyumsuz çözüm, veriler büyük olduğunda daha iyidir:

// 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);
}

Node.js kullanıcıları için:

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

myBuffer, Uint8Array'in bir alt sınıfı olan Buffer türünde olacaktır. Ne yazık ki, Uint8Array, OP'nin istediği gibi bir ArrayBuffer DEĞİLDİR. Ancak bir ArrayBuffer'ı işlerken neredeyse her zaman onu Uint8Array veya benzeri bir şeyle paketlerim, bu yüzden istenene yakın olmalıdır.

Javascript iyi bir geliştirme ortamıdır, bu yüzden bu küçük soruna bir çözüm sağlamadığından garip görünüyor. Bu sayfada başka yerlerde sunulan çözümler potansiyel olarak yavaştır. İşte benim çözümüm. Base64 görüntü ve ses veri url'lerinin kodunu çözen dahili işlevselliği kullanır.

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

Temel 64 dizesi kötü biçimlendirilmişse gönderme isteği başarısız olur.

Mime türü (uygulama / octet) muhtemelen gereksizdir.

Chrome'da test edildi. Diğer tarayıcılarda çalışmalıdır.

Saf JS - dizi orta adım yok (atob yok)

Base64'ü doğrudan (middlestep'te dizgeye dönüştürmeden) dönüştüren aşağıdaki işlevi yazıyorum. FİKİR

• 4 adet base64 karakter parçası alın
• base64 alfabesinde her karakterin dizinini bulun
• indeksi 6 bitlik sayıya dönüştür (ikili dize)
• 24 bitlik sayı veren dört 6 bit sayıyı birleştirin (ikili dizi olarak saklanır)
• 24-bit dizgiyi üç adet 8-bit'e bölün ve her birini sayıya çevirin ve çıktı dizisinde saklayın
• köşe durumu: eğer girdi base64 dizesi bir / iki =karakterle bitiyorsa , çıktı dizisinden bir / iki sayıyı kaldırın

Aşağıdaki çözüm, büyük girdi base64 dizelerini işlemeye izin verir. Baytları btoa olmadan base64'e dönüştürmek için benzer işlev BURADA

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);

Base64 belirtimini doğru bir şekilde uygulayan bir npm paketi kullanmanızı şiddetle tavsiye ederim.

Bildiğim en iyisi rfc4648

Sorun şu ki, btoa ve atob Uint8Array yerine ikili dizeler kullanıyor ve ondan dönüştürmeye çalışmak zahmetli. Ayrıca bunun için npm'de birçok kötü paket var. Onu bulmadan önce çok zaman kaybediyorum.

Bu özel paketin yaratıcıları basit bir şey yaptılar: Base64 spesifikasyonunu aldılar (bu arada burada ) ve baştan sona doğru şekilde uyguladılar. (Spesifikasyondaki Base64-url, Base32, vb. Gibi yararlı olan diğer biçimler dahil) Bu çok fazla görünmüyor ama görünüşe göre bu diğer kitaplıklara sorulamayacak kadar fazlaydı.

Yani evet, biraz din propagandası yaptığımı biliyorum ama zamanınızı da kaybetmemek istiyorsanız sadece rfc4648'i kullanın.

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