Как вызвать окно Save As?

Question

[sharkdest]

Здравствуйте, задача стоит следующим образом:
при нажатии на кнопку, должен генерироваться CSV с обьекта + должна произойти загрузка этого файла, это удалось реализовать:

import { CSVLink } from "react-csv";

<CSVLink
 className="btn btn-secondary btn-download"
 data={rows}
 separator={";"}
 filename={filename}
>
 Download
</CSVLink>

При этом загрузка файла происходит таким образом, что не вы водиться окно Save As, а просто сразу скачиваеться.
Как вызвать окно SAVE AS?
Спасибо.

Answer 1

[Stalker_RED]

Вот готовый демо-пример. Только здесь xml а не csv, первые три строчки нужно будет подправить.

Comments

[sharkdest]

У меня не появляется окно Сохранить как

[Stalker_RED]

sharkdest, ошибки какие-то есть в консоли? Браузер какой?
Я просто этот пример уже не раз использовал, вроде все ок.

[sharkdest]

Stalker_RED, ошибок нету, Chrome и другие.

[Михаил Р.]

Stalker_RED, у меня появляется окно, все работает...

[Emil Revencu]

Это настраивается в настройках браузера
Например в В Хроме это переключатель:

Всегда указывать место для скачивания

Answer 2

[Alexander Pushkarev]

Нельзя вызывать данное окно руками. Его может вызвать только пользователь. Вы можете сделать свою реализацию этого окна, но там можно будет только вписать имя, а файл сохранится в папку, которая указана в браузере для загрузок.

Comments

[sharkdest]

То есть, что бы было окно Save As, нужно сделать генерирование файла по стороне BackEnd, а во Front только уместить ссылку на его?

[Alexander Pushkarev]

sharkdest, да

[Stalker_RED]

Alexander Pushkarev, неправда, можно генерировать на фронте.

URL.createObjectURL() - статический метод, который создает DOMString, содержащий URL с указанием на объект, заданный как параметр. Время жизни URL связано с document окна в котором он был создан. Новый URL объект может представлять собой File объект или Blob объект.

https://developer.mozilla.org/ru/docs/Web/API/URL/...