Как преобразовать объект JavaScript в BLOB-объект UTF-8 для загрузки? - PullRequest
Новая
       42

Как преобразовать объект JavaScript в BLOB-объект UTF-8 для загрузки?

0 голосов
/ 26 декабря 2018

Я пытался найти решение, которое бы работало, но не смогло его найти.

У меня есть объект в javascript и в нем есть неанглийские символы.Я пытаюсь следующий код для преобразования объекта в BLOB-объект для загрузки.Когда я щелкаю, чтобы загрузить контент, при открытии загруженного JSON неанглийские символы являются бредом.

Это простой объект, подобный этому: {name: "שלומית", last: "רעננה"}

function setJSONForDownload(obj) {
    obj = obj || []; // obj is the array of objects with non-english characters
    const length = obj.length;
    if (length) {
      const str = JSON.stringify(obj);
      const data = encode( str );

      const blob = new Blob( [ data ], {
        type: "application/json;charset=utf-8"
     });

      const url = URL.createObjectURL( blob );
      const downloadElem = document.getElementById('download');
      downloadElem.innerText = `Download ${length} pages scraped`;
      downloadElem.setAttribute( 'href', url );
      downloadElem.setAttribute( 'download', 'data.json' );
    }
    else {
      document.getElementById('download').innerText = `No data to download...`;
    }
}

function encode (s) {
  const out = [];
  for ( let i = 0; i < s.length; i++ ) {
    out[i] = s.charCodeAt(i);
  }
  return new Uint8Array(out);
}

Ответы [ 3 ]

0 голосов
/ 26 декабря 2018

Ваша функция encode не работает, поскольку она преобразует коды в байты.Не пытайтесь реализовать это самостоятельно, просто используйте Encoding API : 

const str = JSON.stringify(obj);
const bytes = new TextEncoder().encode(str);
const blob = new Blob([bytes], {
    type: "application/json;charset=utf-8"
});
0 голосов
/ 27 декабря 2018

Вызов new Blob([DOMString]) автоматически преобразует вашу DOMString (UTF-16) в UTF-8.

Так что все, что вам нужно, это new Blob( [JSON.stringify(obj)] ).

Обратите внимание, что type здесь не будет использоваться (это будет только в случае извлечения или если вы действительно пытались читать BLOB-объекты), и в любом случае будет иметь место только то, как файл можетполучить чтение (т. е. FileReader.readAsText () ), но не фактическое содержимое файла, поэтому нет необходимости устанавливать его. 

setJSONForDownload([{ name: "שלומית", last: "רעננה"}]);

function setJSONForDownload(obj) {
  obj = obj || [];
  const length = obj.length;
  if (length) {

    // DOMString
    const str = JSON.stringify(obj);
    // text/plain;UTF-8
    const blob = new Blob([str]);
    
    const url = URL.createObjectURL(blob);
    const downloadElem = document.getElementById('download');
    downloadElem.innerText = `Download ${length} pages scraped`;
    downloadElem.setAttribute('href', url);
    downloadElem.setAttribute('download', 'data.json');
  } else {
    document.getElementById('download').innerText = `No data to download...`;
  }
}
<a id="download">dl</a>
0 голосов
/ 26 декабря 2018

Я нашел хороший блок кода, который решил мою проблему.Благодаря 'pascaldekloe' (https://gist.github.com/pascaldekloe/62546103a1576803dade9269ccf76330).

просто изменил метод кодирования следующим образом:

function encode(s) {
    var i = 0, bytes = new Uint8Array(s.length * 4);
    for (var ci = 0; ci != s.length; ci++) {
        var c = s.charCodeAt(ci);
        if (c < 128) {
            bytes[i++] = c;
            continue;
        }
        if (c < 2048) {
            bytes[i++] = c >> 6 | 192;
        } else {
            if (c > 0xd7ff && c < 0xdc00) {
                if (++ci >= s.length)
                    throw new Error('UTF-8 encode: incomplete surrogate pair');
                var c2 = s.charCodeAt(ci);
                if (c2 < 0xdc00 || c2 > 0xdfff)
                    throw new Error('UTF-8 encode: second surrogate character 0x' + c2.toString(16) + ' at index ' + ci + ' out of range');
                c = 0x10000 + ((c & 0x03ff) << 10) + (c2 & 0x03ff);
                bytes[i++] = c >> 18 | 240;
                bytes[i++] = c >> 12 & 63 | 128;
            } else bytes[i++] = c >> 12 | 224;
            bytes[i++] = c >> 6 & 63 | 128;
        }
        bytes[i++] = c & 63 | 128;
    }
    return bytes.subarray(0, i);
}
...