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

Question

我正在使用平铺来创建平铺地图。 （Tiled是一个瓦片地图编辑器，支持正交和等距地图）

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

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

现在，我已经完全放弃了gzip（无论如何我的服务器gzips流量，所以没有损失）所以我想我会尝试使用base64 jquery插件进行常规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个数字将再次出错。 之后甚至更频繁。

然后我找到了一个在他的方案中也使用了tiles和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 ）

Answer 2

老话题，我知道，但你最后一个问题的答案在这里： http ： //sourceforge.net/apps/mediawiki/tiled/index.php？title = Examining_the_map_format 。