В моем веб-приложении реализована функция, позволяющая пользователям загружать ZIP-файл.
ZIP-файл имеет следующую структуру:
- my-files.zip
- index.html
- attachments
- file1.png
- file2.txt
- ...
- fileN.ext
index.html
простосписок вложений:
<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
<ul>
<li><a href="attachments/file1.png" download="birthday.png">birthday.png</a></li>
<li><a href="attachments/file2.txt" download="notes.txt">notes.txt</a></li>
...
</ul>
</body>
</html>
Предположим, пользователь распаковывает архив и открывает index.html
в браузере.
Меня интересует:
- щелчок по ссылке должен вызвать диалоговое окно загрузки (Сохранить как ...)
- имя файла загрузки должно отличаться от локального имени файла
В настоящее время:
- Firefox 62/63: он ведет себя правильно
- Edge 17: он ведет себя правильно (невероятно)
- Chrome 70: нажатие на ссылку заставляет браузер перейти к содержимому - этоигнорирование атрибута
download
- IE 11: так же, как Chrome
Существует ли общий подход, который работает с большинством браузеров (даже с использованием JS) для достижениятакое поведение?
В качестве альтернативы, есть ли особая особенность Chrome / хак?
Спасибо