Как скачать картинку по ссылке (html5)

Иногда веб мастерам требуется выставлять на скачку помимо стандартных документов, например, Word или Exel, еще и всевозможные картинки. Рассмотрим, как это сделать.

Напомню, чтобы скачать простые документы типа .docx - достаточно сделать ссылку типа: <a href="/files/word.docx">Скачать</a>

Если же мы будем использовать данный принцип на jpg, swf форматах, то они просто откроются в новом окне. Представьте, что у нас должны быть на скачку акции или купоны, загружать их в zip, не очень красиво. К тому же, не каждый пользователь знает, что делать с таким архивом.

Но есть очень простой выход из данной проблемы. Достаточно всего лишь указать путь к файлу на скачку и применить атрибут download из html5, в котором прописать имя скачиваемого файла. Пример:

<a href="/images/akciya.png" download="akciya.png">Скачать акцию!</a>

В этом коде картинка не откроется в новой вкладке, а сразу скачается.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *


Введите капчу: