Question

如何将reader.readDataAsUrl()返回的base64字符串转换为看起来完全相同的字符串。

Javascript：

function getBase64(file) {
    var reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = function () {
        return reader.result;
    };
    reader.onerror = function (error) {
        console.log('Error: ', error);
        return false;
    };
} // works and returns a base64 version of the image

但是当我执行typeof(getBase64(...))时，它说未定义。

那么如何将base64'string'转换为真实字符串

背景：我想要一个字符串，并在结果的最后删除“ =”

编辑/解决方案： 我不知道reader.readAsDataURL是异步功能，因此我不得不等待reader.onload()。

Answer 1

根据您的代码，您可以执行以下操作：

function getBase64(file, callback) {
  var reader = new FileReader();
  reader.readAsDataURL(file.files[0]); 
  reader.onload = function() {
    callback(reader.result.substring(22)); // change data url format to "real" base64
  };
  reader.onerror = function(error) {
    console.log('Error: ', error);
    return false;
  };
}

document.querySelector('input[type="file"]').addEventListener('change', function () {
  getBase64(this, function (result) {
    var decode = atob(result); // decode image
    var encode = btoa(decode); // encode image again in Base64
    console.log(result); // Base64 image
    console.log(decode); // Image decoded
    console.log(encode); // Base64 image
  });
});

<input type="file"><br>

readAsDataURL返回格式化的base64数据。您应该使用子字符串来删除数据格式的部分，例如使用“真实的” base64。

参考文献：readAsDataUrl MDN Reference-data base64 MDN Reference

Answer 2

使用它：

var Base64={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",encode:function(e){var t="";var n,r,i,s,o,u,a;var f=0;e=Base64._utf8_encode(e);while(f<e.length){n=e.charCodeAt(f++);r=e.charCodeAt(f++);i=e.charCodeAt(f++);s=n>>2;o=(n&3)<<4|r>>4;u=(r&15)<<2|i>>6;a=i&63;if(isNaN(r)){u=a=64}else if(isNaN(i)){a=64}t=t+this._keyStr.charAt(s)+this._keyStr.charAt(o)+this._keyStr.charAt(u)+this._keyStr.charAt(a)}return t},decode:function(e){var t="";var n,r,i;var s,o,u,a;var f=0;e=e.replace(/[^A-Za-z0-9+/=]/g,"");while(f<e.length){s=this._keyStr.indexOf(e.charAt(f++));o=this._keyStr.indexOf(e.charAt(f++));u=this._keyStr.indexOf(e.charAt(f++));a=this._keyStr.indexOf(e.charAt(f++));n=s<<2|o>>4;r=(o&15)<<4|u>>2;i=(u&3)<<6|a;t=t+String.fromCharCode(n);if(u!=64){t=t+String.fromCharCode(r)}if(a!=64){t=t+String.fromCharCode(i)}}t=Base64._utf8_decode(t);return t},_utf8_encode:function(e){e=e.replace(/rn/g,"n");var t="";for(var n=0;n<e.length;n++){var r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r)}else if(r>127&&r<2048){t+=String.fromCharCode(r>>6|192);t+=String.fromCharCode(r&63|128)}else{t+=String.fromCharCode(r>>12|224);t+=String.fromCharCode(r>>6&63|128);t+=String.fromCharCode(r&63|128)}}return t},_utf8_decode:function(e){var t="";var n=0;var r=c1=c2=0;while(n<e.length){r=e.charCodeAt(n);if(r<128){t+=String.fromCharCode(r);n++}else if(r>191&&r<224){c2=e.charCodeAt(n+1);t+=String.fromCharCode((r&31)<<6|c2&63);n+=2}else{c2=e.charCodeAt(n+1);c3=e.charCodeAt(n+2);t+=String.fromCharCode((r&15)<<12|(c2&63)<<6|c3&63);n+=3}}return t}}

// Define the string
var string = 'Hello World!';

// Encode the String
var encodedString = Base64.encode(string);
console.log(encodedString); // Outputs: "SGVsbG8gV29ybGQh"

// Decode the String
var decodedString = Base64.decode(encodedString);
console.log(decodedString); // Outputs: "Hello World!"

在JavaScript中将Base64类型转换为字符串

2 个答案: