1

У меня есть функция для скачивания файла с текстом text и названием файла filename

     function download_file_with_content(filename, text) {
         var element = document.createElement('a');
         
         element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
         element.setAttribute('download', filename);

         element.style.display = 'none';
         document.body.appendChild(element);

         element.click();

         document.body.removeChild(element);
     }

Напишу допустим код такой:

download_file_with_content('test.txt', '\xD3')

Попробуйте открыть файл через HxD и увидите что он записал явно не значение '\xD3'(число 211) а '\xC3'(Число 195)

С чем это может быть связано? Или если это не объяснимо, то какие варианты решения данной проблемы могут быть? Я пробовал также загружать при помощи blob и mime-type=octet-stream

3
  • 2
    С тем, что в javascript-строках записываются символы в юникоде, \xd3 то же самое что и \u00d3 — это код символа Ó, а при кодировании в UTF-8 из этого одного символа получается два байта \xc3\x93 которые вы и видите
    – andreymal
    29 мар 2021 в 16:02
  • Тогда другой вопрос, какую кодировку мне использовать чтобы в итоге он записал двоичный код "как есть"? 29 мар 2021 в 16:09
  • 1
    Либо как можно не используя строки получить файл с двоичными своими заданными байтами? 29 мар 2021 в 16:15

1 ответ 1

0

Чтобы занести символ в файл без всяких преобразований в utf8 требуется использовать ArrayBuffer и Blob

Записываем символ числом

var arrbuf = new ArrayBuffer(1) 
 var uint8 = new Uint8Array(arrbuf) 
 uint8[0] = 211

После этого создаём Blob

var blb = new Blob([strleft, arrbuf, strright])

После этого мы скачиваем файл уже не через text-plain и что-то ещё а используем функцию URL.createObjectURL(blb)

Тогда итоговое решение проблемы становится так:

element.setAttribute('href', URL.createObjectURL(blb))

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.