Как сделать по нажатию на ссылку скачивание картинки?

Question

[freeman0204]

Как сделать по нажатию на ссылку скачивание картинки?

Answer 1

[Bankir77]

Тут и без js спокойно можно обойтись

<a href="images/img.jpg" download>Скачать картинку</a>

Comments

[Олег]

я так понимаю человеку нужно поведение как тут
https://www.iconfinder.com/icons/315531/eyebrows_f...

[Bankir77]

Я дал самое простое решение. В вопросе не уточняется, как именно должно происходить скачивание.

[freeman0204]

Олег Муравейко, Как здесь, по другому особо и не как, нажал и скачалось.

[Олег]

href="images/img.jpg" - откроется в броузере на пустой странице. потом нужно жать ctrl+s.
href="files/doc.pdf" - раньше спрашивало, что делать, теперь обычно открывается в броузере сразу.

Принудительно вызвать скачивание файла в папку загрузки можно как я описал выше.

[Олег]

Bankir77, подождем автора вопроса. Правильно ли я читаю между слов :)

[Олег]

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

function download(content, filename, contentType)
{
    if(!contentType) contentType = 'application/octet-stream';
        var a = document.createElement('a');
        var blob = new Blob([content], {'type':contentType});
        a.href = window.URL.createObjectURL(blob);
        a.download = filename;
        a.click();
}

Answer 2

[Юпитер Макс]

грузите картинку на сервер. потом ссылку

<a href="site.ru/img.jpg">Скачать</a>

Answer 3

[Олег]

чтобы картинка именно скачалась, а не открылась в броузере
нужно на сервере ее отдавать с медиатайпом на подобие двоичные данные
application/octet-stream

т.е. потребуется посредник например в виде php скрипта

Comments

[Олег]

или решить задачу принудительной установки медиа типа в конфиге nginx .