Как реализовать линк на скачивание файла?

Question

[Nick-Fisher]

Доброе утро. Нужно сделать ссылку на скачивание файла. Проблема в том, что она должна работать в ie 11 и вот такая реализация увы не подходит.

const download = filename, text) => {
    let element = document.createElement('a');
    element.setAttribute('href', 'somelink' + text);
    element.setAttribute('download', filename);
    document.body.appendChild(element);
    element.click();
    document.body.removeChild(element);
  }

Что можете посоветовать? В хроме все отлично работает и с атрибутом download и без.

Comments

[Сергей delphinpro]

Пусть ваш сервер отдает заголовок

Content-Disposition: attachment; filename="filename.jpg"

Тогда обычная ссылка будет скачивать файл.
Надежно.

Answer 1

[Петр Васильев]

https://m.habr.com/ru/post/151795/
Отдавайте сервером файл

Answer 2

[Павел Волынцев]

Ваш пример кода вообще никак не влияет на скачивание. IE возможно не нравится, что вы делаете click() на элементе. Возможно, сработает открытие ссылки в ифрейме

Comments

[Nick-Fisher]

Как не влияет? А атрибут download? Я смотрел совместимость и click должен поддерживаться ie

[Павел Волынцев]

Nick-Fisher, поддерживается в стандарте JS, но может быть заблокировано системой безопасности IE

[Павел Волынцев]

Nick-Fisher, https://www.w3schools.com/tags/tryit.asp?filename=...

Note: The download attribute is not supported in Edge version 12, IE, Safari 10 (and earlier), or Opera version 12 (and earlier).

[Павел Волынцев]

Nick-Fisher, вы решили задачу?

[Nick-Fisher]

Павел Волынцев, Да. Я пытался решить руками через blob'ы, но почему-то не получалось. Потом попробовал множество библиотек и проблему решила 1 из них, у которой под капотом те же blob'ы.

Answer 3

[coderisimo]

IE ( самый передовой браузер!) не поддерживает атрибут Download в "а" тэгах.
пруф
вот статтья на русском о возможном пути решения
Куда копать