base64でエンコードされたイメージの開始文字列を削除するには？

Question

だから、私は、生成base64Imgの初めにdata:image/png;base64,を削除したいけれども

function toDataUrl(url, callback) { 
    var xhr = new XMLHttpRequest(); 
    xhr.responseType = 'blob'; 
    xhr.onload = function() { 
     var reader = new FileReader(); 
     reader.onloadend = function() { 
     callback(reader.result); 
     } 
     reader.readAsDataURL(xhr.response); 
    }; 
    xhr.open('GET', url); 
    xhr.send(); 
    } 

    toDataUrl('img/no_image_icon.png', function(base64Img) { 
    console.log(base64Img); // remove the data:image/png;base64, in the beginning 
    }); 

このコードは動作します。.. base64のいずれかに画像を符号化するためのコードを得ました。また、関数の外部ではどのようにアクセスできますか？同様の例

toDataUrl('img/no_image_icon.png', function(base64Img) { 
    var accessOutside = base64Img; // remove the data:image/png;base64, in the beginning 
    }); 

    var newVariable = accessOutside; 

何か助けていただければ幸いです。

Answer 1

使用String.replace()方法

var base64Img = "data:image/png;base64,AAA="; 
 
base64Img = base64Img.replace("data:image/png;base64,", ""); 
 
console.log(base64Img);

Answer 2

まずあなたが同期要求へのXHRを変更する必要があります。

xhr.open('GET', url, false); 

とし、グローバル変数としてaccessOutsideを定義します。

toDataUrl('img/no_image_icon.png', function(base64Img) { 
    accessOutside = base64Img; // remove the data:image/png;base64, in the beginning 
    }); 

とし、外側からaccessOutside値を取得することができます。