Проблемы с декодированием плиточных данных base64 с помощью JavaScript - PullRequest
Новая
       8

Проблемы с декодированием плиточных данных base64 с помощью JavaScript

4 голосов
/ 14 июля 2010

Я использую tiled для создания карты тайлов. (Tiled - это редактор карт листов с поддержкой ортогональных и изометрических карт)

Сохраняет карту в файле XML. Он может использовать определенные структуры кодирования:

  • обычный base64
  • base64 + gzip
  • base64 + zlib
  • обычный CSV

Теперь я полностью разочаровался в gzip (мой сервер gzips все равно траффирует, так что без потерь) Поэтому я решил попробовать обычное декодирование base64, используя плагин base64 jquery

Но данные получаются искаженными, например: 

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

Я предполагаю, что это двоичное кодирование, но как мне обойти это?

Пример данных, которые необходимо декодировать (обычный base64): 

jQAAAI4AAACPAAAAkAAAAJEAAACSAAAAkwAAAKEAAACiAAAAowAAAKQAAAClAAAApgAAAKcAAAA=

Пример данных, которые необходимо декодировать (gzipped base64): 

H4sIAAAAAAAACw3DhwnAMAwAMP8P2Rdk9s1KoBQR2WK12R1Ol9vj9fn5A/luZ4Y4AAAA

Пример данных в формате csv: 

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

Так как же я могу превратить обычный бит в кодировке base64 и превратить его в csv?

Edit:

Используя решение, найденное Пойнти, я получил полукорректный массив. Однако после нескольких тысяч символов 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)
    }

Я понятия не имею, зачем это нужно, но, по крайней мере, это работает. Если кто-нибудь может объяснить, пожалуйста, сделайте!

Ответы [ 2 ]

3 голосов
/ 14 июля 2010

Попробуйте посмотреть возвращаемую строку символ за символом. Другими словами, получите "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(',');

edit & mdash; хорошо, вот числовой декодер 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)

0 голосов
/ 22 января 2011

старая тема, я знаю, но ответ на ваш последний вопрос здесь: http://sourceforge.net/apps/mediawiki/tiled/index.php?title=Examining_the_map_format.

...