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

Question

khodos_dmitry @khodos_dmitry

JavaScript

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

Пытаюсь скачать картинки с помощью js таким кодом:

function downloadImage(url, name) {
    let link = document.createElement("a");
    link.setAttribute("href", url);
    link.setAttribute("download", name);
    link.click();
}

Картинки скачиваются, но имя не меняется.
Заголовки ответа:

Вопрос задан более трёх лет назад
268 просмотров

12 комментариев

Подписаться 1 Простой 12 комментариев

ForSureN1 @ForSureN1

в каком месте функция вызывается?

Написано более трёх лет назад
khodos_dmitry @khodos_dmitry Автор вопроса

ForSureN1, в конце страницы.

Написано более трёх лет назад
black1277 @black1277
khodos_dmitry, атрибут download не предназначен для задания имени файла. При наличии атрибута download браузер не переходит по ссылке, а предложит скачать документ, указанный в адресе ссылки.

<a href="images/kartinka.jpg" download>Скачать файл</a>
Написано более трёх лет назад
khodos_dmitry @khodos_dmitry Автор вопроса

black1277, https://basicweb.ru/html/tag_a_att_download.php

Написано более трёх лет назад
black1277 @black1277

khodos_dmitry, да вы правы, но нужно учесть, что атрибут соблюдается только на ресурсах с тем же доменом.

Написано более трёх лет назад
khodos_dmitry @khodos_dmitry Автор вопроса

black1277, откуда вы это взяли? Что на ресурсах с тем же доменом.

Написано более трёх лет назад
black1277 @black1277

khodos_dmitry, https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

Написано более трёх лет назад
khodos_dmitry @khodos_dmitry Автор вопроса

black1277, спасибо. Значит по-этому и не работает.

Написано более трёх лет назад
black1277 @black1277

khodos_dmitry, вот поэтому я и дал вам ссылку как это сделать через XMLHttpRequest, сейчас проверил - скачивает картинку с другого домена и имя файла задается правильно.

Написано более трёх лет назад
khodos_dmitry @khodos_dmitry Автор вопроса

black1277, я пробовал так тоже. Там CORS вылазит.

Написано более трёх лет назад
khodos_dmitry @khodos_dmitry Автор вопроса

black1277, отключил cors и скачал как надо. Наконец-таки))

Написано более трёх лет назад
khodos_dmitry @khodos_dmitry Автор вопроса

black1277, можете написать ответ, что атрибут соблюдается только на ресурсах с тем же доменом. Я выберу его.

Написано более трёх лет назад

Помогут разобраться в теме Все курсы

Skillbox

JavaScript

3 месяца

Далее
Яндекс Практикум

Фронтенд-разработчик расширенный

13 месяцев

Далее
Академия Eduson

Fullstack-разработчик на JavaScript

11 месяцев

Далее

Пригласить эксперта

Ответы на вопрос 1

2 комментария

khodos_dmitry @khodos_dmitry Автор вопроса

Я пытался в blob картинки засунуть, но что-то не получается.
Там он не написал, что решил.
Я читал этот ответ, по-этому и выложил скрин, что у меня нет заголовка Content-Disposition .

Написано более трёх лет назад

black1277 @black1277

khodos_dmitry, решил проверить ваш пример тоже, у меня все работает проверял в хроме, мозилле и опере - скачивает файл с заданным именем, вот код

пример

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Document</title>
</head>
<body>
<img src="svg/one.svg" alt="">

<script>
function downloadImage(url, name) {
    let link = document.createElement("a");
    link.setAttribute("href", url);
    link.setAttribute("download", name);
    link.click();
}
downloadImage('svg/one.svg', 'name.svg')
</script>
</body>
</html>

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы

JavaScript

+2 ещё

Средний
Как можно реализовать что то вроде селекта внутри родителя у которого есть скрытые элементы и должна быть горизонтальная прокрутка?
- 1 подписчик
- 11 дек.
- 125 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как идентифицировать проксированные ошибки?
- 1 подписчик
- 05 дек.
- 126 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать резкое переключение слайдов?
- 1 подписчик
- 03 дек.
- 172 просмотра
0

ответов
JavaScript

Простой
Как сделать чтоб условия не перезаписывались?
- 1 подписчик
- 02 дек.
- 247 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Элемент стилизации на js, как сделать чтобы не было резкой смены картинки фона?
- 1 подписчик
- 27 нояб.
- 215 просмотров
1

ответ
JavaScript

Простой
Переход по ссылке с параметром на конкретный узел в vis.js?
- 1 подписчик
- 24 нояб.
- 119 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как сделать сложную виртуализацию?
- 1 подписчик
- 22 нояб.
- 290 просмотров
2

ответа
JavaScript

Простой
В цикле for много кнопок как сделать .addEventListener('click', к каждой кнопке?
- 1 подписчик
- 16 нояб.
- 319 просмотров
3

ответа
JavaScript

+2 ещё

Простой
Как получить события VK.VideoPlayer используя JS?
- 1 подписчик
- 11 нояб.
- 205 просмотров
1

ответ
JavaScript

+1 ещё

Сложный
Почему зависает виджет в OBS?
- 1 подписчик
- 10 нояб.
- 211 просмотров
0

ответов
Показать ещё Загружается…

Fullstack JavaScript разработчик

MakeDifference

от 60 000 до 110 000 ₽

Frontend-разработчик (Vanilla JS, high-load media platform)

Karma8

от 200 000 до 300 000 ₽

React разработчик

ITK academy • Нижний Новгород

от 50 000 до 90 000 ₽

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

<a href="images/kartinka.jpg" download>Скачать файл</a>
khodos_dmitry, да вы правы, но нужно учесть, что атрибут соблюдается только на ресурсах с тем же доменом.
black1277, откуда вы это взяли? Что на ресурсах с тем же доменом.
khodos_dmitry, https://developer.mozilla.org/ru/docs/Web/HTML/Ele...
black1277, спасибо. Значит по-этому и не работает.
khodos_dmitry, вот поэтому я и дал вам ссылку как это сделать через XMLHttpRequest, сейчас проверил - скачивает картинку с другого домена и имя файла задается правильно.
black1277, я пробовал так тоже. Там CORS вылазит.
black1277, отключил cors и скачал как надо. Наконец-таки))
black1277, можете написать ответ, что атрибут соблюдается только на ресурсах с тем же доменом. Я выберу его.

Answer 1 · 2022-07-04 18:02:33

Атрибут download соблюдается только на ресурсах с тем же доменом.
Ссылка на документацию https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

Был похожий вопрос

Как изменить имя скачиваемого файла?. Там у автора вроде, получилось через XMLHttpRequest

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

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт