JavaScript'te bir dizeyi Base64'e nasıl kodlayabilirsiniz?

Bir PNG görüntüsünü Base64 dizesine kodlayabilen bir PHP betiğim var.

Aynı şeyi JavaScript kullanarak yapmak istiyorum. Dosyaları nasıl açacağımı biliyorum ama kodlamayı nasıl yapacağımdan emin değilim. İkili verilerle çalışmaya alışık değilim.

DarkAjax
Edited question 2018ösp50ös20 Kasım 2018 в 8:50
Programlama
javascript base64
2008ösp34ös13 Ekim 2008 в 1:34
39 görünümler
Çözüm

base64 kodlamasına dönüştürmek ve bu kodlamadan dönüştürmek için btoa() ve atob() kullanabilirsiniz.

Yorumlarda bu işlevlerin neyi kabul ettiği/döndürdüğü ile ilgili bazı karışıklıklar var gibi görünüyor, bu yüzden...

  • btoa()` her karakterin 8 bitlik bir baytı temsil ettiği bir "string" kabul eder - 8 bitle temsil edilemeyen karakterler içeren bir string geçerseniz, muhtemelen kırılacaktır. Bu bir sorun değildir eğer dizgiyi gerçekten bir bayt dizisi olarak ele alıyorsanız, ancak başka bir şey yapmaya çalışıyorsanız, önce onu kodlamanız gerekecektir.

  • atob()her karakterin 8 bitlik bir baytı temsil ettiği bir "string" döndürür - yani değeri0ile0xff` arasında olacaktır. Bu ASCII olduğu anlamına gelmez - muhtemelen bu fonksiyonu kullanıyorsanız, metinle değil ikili verilerle çalışmayı bekliyorsunuzdur.

Ayrıca bakınız:

Hernán Eche
Edited answer 2019ösp40ös19 Şubat 2019 в 7:40
Yorumlar (22)

[Buradan][1]:


/**
*
*  Base64 encode / decode
*  http://www.webtoolkit.info/
*
**/
var Base64 = {

// private property
_keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",

// public method for encoding
encode : function (input) {
    var output = "";
    var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
    var i = 0;

    input = Base64._utf8_encode(input);

    while (i < input.length) {

        chr1 = input.charCodeAt(i++);
        chr2 = input.charCodeAt(i++);
        chr3 = input.charCodeAt(i++);

        enc1 = chr1 >> 2;
        enc2 = ((chr1 & 3) > 4);
        enc3 = ((chr2 & 15) > 6);
        enc4 = chr3 & 63;

        if (isNaN(chr2)) {
            enc3 = enc4 = 64;
        } else if (isNaN(chr3)) {
            enc4 = 64;
        }

        output = output +
        this._keyStr.charAt(enc1) + this._keyStr.charAt(enc2) +
        this._keyStr.charAt(enc3) + this._keyStr.charAt(enc4);

    }

    return output;
},

// public method for decoding
decode : function (input) {
    var output = "";
    var chr1, chr2, chr3;
    var enc1, enc2, enc3, enc4;
    var i = 0;

    input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");

    while (i < input.length) {

        enc1 = this._keyStr.indexOf(input.charAt(i++));
        enc2 = this._keyStr.indexOf(input.charAt(i++));
        enc3 = this._keyStr.indexOf(input.charAt(i++));
        enc4 = this._keyStr.indexOf(input.charAt(i++));

        chr1 = (enc1 > 4);
        chr2 = ((enc2 & 15) > 2);
        chr3 = ((enc3 & 3)  127) && (c < 2048)) {
            utftext += String.fromCharCode((c >> 6) | 192);
            utftext += String.fromCharCode((c & 63) | 128);
        }
        else {
            utftext += String.fromCharCode((c >> 12) | 224);
            utftext += String.fromCharCode(((c >> 6) & 63) | 128);
            utftext += String.fromCharCode((c & 63) | 128);
        }

    }

    return utftext;
},

// private method for UTF-8 decoding
_utf8_decode : function (utftext) {
    var string = "";
    var i = 0;
    var c = c1 = c2 = 0;

    while ( i < utftext.length ) {

        c = utftext.charCodeAt(i);

        if (c < 128) {
            string += String.fromCharCode(c);
            i++;
        }
        else if((c > 191) && (c < 224)) {
            c2 = utftext.charCodeAt(i+1);
            string += String.fromCharCode(((c & 31)
Sunny Milenov
Edited answer 2012ösp2ös14 Aralık 2012 в 2:02
Yorumlar (16)

Sunny'nin kodu, "this" referansları nedeniyle IE7'de kırılması dışında harika. Bu tür referansları "Base64" ile değiştirerek düzeltildi:


var Base64 = {
// private property
_keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",

// public method for encoding
encode : function (input) {
    var output = "";
    var chr1, chr2, chr3, enc1, enc2, enc3, enc4;
    var i = 0;

    input = Base64._utf8_encode(input);

    while (i < input.length) {

        chr1 = input.charCodeAt(i++);
        chr2 = input.charCodeAt(i++);
        chr3 = input.charCodeAt(i++);

        enc1 = chr1 >> 2;
        enc2 = ((chr1 & 3) > 4);
        enc3 = ((chr2 & 15) > 6);
        enc4 = chr3 & 63;

        if (isNaN(chr2)) {
            enc3 = enc4 = 64;
        } else if (isNaN(chr3)) {
            enc4 = 64;
        }

        output = output +
        Base64._keyStr.charAt(enc1) + Base64._keyStr.charAt(enc2) +
        Base64._keyStr.charAt(enc3) + Base64._keyStr.charAt(enc4);

    }

    return output;
},

// public method for decoding
decode : function (input) {
    var output = "";
    var chr1, chr2, chr3;
    var enc1, enc2, enc3, enc4;
    var i = 0;

    input = input.replace(/[^A-Za-z0-9\+\/\=]/g, "");

    while (i < input.length) {

        enc1 = Base64._keyStr.indexOf(input.charAt(i++));
        enc2 = Base64._keyStr.indexOf(input.charAt(i++));
        enc3 = Base64._keyStr.indexOf(input.charAt(i++));
        enc4 = Base64._keyStr.indexOf(input.charAt(i++));

        chr1 = (enc1 > 4);
        chr2 = ((enc2 & 15) > 2);
        chr3 = ((enc3 & 3)  127) && (c < 2048)) {
            utftext += String.fromCharCode((c >> 6) | 192);
            utftext += String.fromCharCode((c & 63) | 128);
        }
        else {
            utftext += String.fromCharCode((c >> 12) | 224);
            utftext += String.fromCharCode(((c >> 6) & 63) | 128);
            utftext += String.fromCharCode((c & 63) | 128);
        }

    }

    return utftext;
},

// private method for UTF-8 decoding
_utf8_decode : function (utftext) {
    var string = "";
    var i = 0;
    var c = c1 = c2 = 0;

    while ( i < utftext.length ) {

        c = utftext.charCodeAt(i);

        if (c < 128) {
            string += String.fromCharCode(c);
            i++;
        }
        else if((c > 191) && (c < 224)) {
            c2 = utftext.charCodeAt(i+1);
            string += String.fromCharCode(((c & 31)
Yorumlar (5)