Question

我试图在从base64解码后在亚马逊s3上传图片，如下所示：

var data = url.replace(/^data:image\/\w+;base64,/,"");
                        var decodedData = window.atob(data);

                        var params = {
                            Key : 'phonegap/' + i,
                            Body : decodedData,
                            ContentType : 'image/jpeg',
                            ACL : 'public-read',
                            StorageClass : 'REDUCED_REDUNDANCY',
                        };

                        bucket.putObject(params, function(err, data) {
                            //some code
                        });

代码工作正常，图像上传到s3所需的存储桶中。但我的感觉是图像处理过程中图像被破坏了。但是我检查了Base64字符串，看起来很好，因为我在http://www.askapache.com/online-tools/base64-image-converter/上传了base64字符串，它给了我相同的图像。另外，我再次编码decodeData，如下所示：

var encodedData=window.btoa(decodedData);

并且我使用了这个编码的base64字符串，它与它本应该一样，因为我在askapache转换器上再次检查它。但是仍然在s3上传的图像对我来说似乎是腐败的，因为我无法查看它。请帮忙。

Answer 1

我弄清楚究竟是什么问题。问题是我正在使用phonegap api，它使用ISO-8859-1字符集生成base64代码，当我使用atob（）方法对其进行解码时，默认情况下，它使用utf-8字符集，因此在此过程中图像被损坏因为这两个字符集都不同，所以我按照这个链接https://developer.mozilla.org/en-US/docs/Web/JavaScript/Base64_encoding_and_decoding使用了这些方法中的代码：

function base64DecToArr (sBase64, nBlocksSize) {

  var
    sB64Enc = sBase64.replace(/[^A-Za-z0-9\+\/]/g, ""), nInLen = sB64Enc.length,
    nOutLen = nBlocksSize ? Math.ceil((nInLen * 3 + 1 >> 2) / nBlocksSize) * nBlocksSize : nInLen * 3 + 1 >> 2, taBytes = new Uint8Array(nOutLen);

  for (var nMod3, nMod4, nUint24 = 0, nOutIdx = 0, nInIdx = 0; nInIdx < nInLen; nInIdx++) {
    nMod4 = nInIdx & 3;
    nUint24 |= b64ToUint6(sB64Enc.charCodeAt(nInIdx)) << 18 - 6 * nMod4;
    if (nMod4 === 3 || nInLen - nInIdx === 1) {
      for (nMod3 = 0; nMod3 < 3 && nOutIdx < nOutLen; nMod3++, nOutIdx++) {
        taBytes[nOutIdx] = nUint24 >>> (16 >>> nMod3 & 24) & 255;
      }
      nUint24 = 0;

    }
  }

  return taBytes;
}


function b64ToUint6 (nChr) {

  return nChr > 64 && nChr < 91 ?
      nChr - 65
    : nChr > 96 && nChr < 123 ?
      nChr - 71
    : nChr > 47 && nChr < 58 ?
      nChr + 4
    : nChr === 43 ?
      62
    : nChr === 47 ?
      63
    :
      0;

}

并在Body属性的base64DecToArr(data,'1')变量中调用params，如下所示：

var params = {
                            Key : 'phonegap/' + i,
                            Body : base64DecToArr(data,'1'),
                            ContentType : 'image/jpeg',
                            ACL : 'public-read',
                            StorageClass : 'REDUCED_REDUNDANCY',
                        };

并删除了atob（）方法以解码data。希望这有助于某人。

从基础64解码后，在亚马逊s3上上传JavaScript图像

1 个答案: