javascript - 无法使用 javascript 解码平铺的 base64 数据

Question

我正在使用 tiled创建一个瓦片 map 。(Tiled 是一个瓦片 map 编辑器，支持正交和等距 map )

它将 map 保存在 XML 文件中。它可以使用某些编码结构:

• 常规 base64
• base64 + gzip
• base64 + zlib
• 常规 csv

现在，我已经完全放弃了 gzip(无论如何，我的服务器 gzip 传输它，所以没有损失)所以我想我会尝试使用 a base64 jquery plugin 进行常规的 base64 解码。

但是出来的数据都是乱码，像这样:

��������������������������������������������������������

我猜它是二进制编码，但我该如何解决呢？

需要解码的示例数据(常规base64):

jQAAAI4AAACPAAAAkAAAAJEAAACSAAAAkwAAAKEAAACiAAAAowAAAKQAAAClAAAApgAAAKcAAAA=

需要解码的示例数据(gzip base64):

H4sIAAAAAAAACw3DhwnAMAwAMP8P2Rdk9s1KoBQR2WK12R1Ol9vj9fn5A/luZ4Y4AAAA

csv 格式的示例数据:

141,142,143,144,145,146,147,
161,162,163,164,165,166,167

那么如何将常规的 base64 编码位转换为 csv？

编辑:

使用 Pointy 发现的解决方案，我得到了一个半正确的数组。不过，在几千个字符之后，这 2 个数字又会出错。之后更频繁。

然后我发现有人在他的方案中也使用了平铺和 base64 编码。在他解码数组后，他也这样做了:

        var d = base64_decode($(this).find('data').text());
    var e = new Array();
    for (var i = 0; i <= d.length; i += 4) {
    var f = d[i] | d[i + 1] << 8 | d[i + 2] << 16 | d[i + 3] << 24;
    e.push(f)
    }

我不知道为什么需要这样做，但至少它有效。如果有人可以解释，请做!

Answer 1

尝试逐个字符地查看返回的字符串。换句话说，获取数组中每个字符的“charCodeAt”。

function codesFromString(str) {
  var rv = [];
  for (var i = 0; i < str.length; ++i)
    rv.push(str.charCodeAt(i));
  }
  return rv;
}

这给您留下了一组数字。如果您想将其作为 CSV 格式转储到页面或其他内容上，您可以使用 join()

var csv = codeFromString(decoded).join(',');

编辑 — 好的，这是一个 base64 数字解码器:

  var base64chars = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/'.split("");
  var base64inv = {}; 
  for (var i = 0; i < base64chars.length; i++) { 
    base64inv[base64chars[i]] = i; 
  }
  function decodeNumeric(s) {
    s = s.replace(new RegExp('[^'+base64chars.join("")+'=]', 'g'), "");

    var p = (s.charAt(s.length-1) == '=' ? 
            (s.charAt(s.length-2) == '=' ? 'AA' : 'A') : ""); 
    var r = []; 
    s = s.substr(0, s.length - p.length) + p;

    for (var c = 0; c < s.length; c += 4) {
      var n = (base64inv[s.charAt(c)] << 18) + (base64inv[s.charAt(c+1)] << 12) +
              (base64inv[s.charAt(c+2)] << 6) + base64inv[s.charAt(c+3)];

      r.push((n >>> 16) & 255);
      r.push((n >>> 8) & 255);
      r.push(n & 255);
    }
    return r;
  }

这适用于您的示例，但它表明您所写的结果实际上并不正确。而不是“141,142,143,...”，而是“141,0,0,0,142,0,0,0,143,0,0,0”等。这就是编码字符串中“AAA”的那些运行。

(从 http://en.wikibooks.org/wiki/Algorithm_Implementation/Miscellaneous/Base64 窃取的代码)