Скачать изображение по клику на html элемент

• Теги: javascript, Создание сайтов

• Просмотров: 1702

• Время прочтения: 3 минуты.

Навигация по статье:

Иногда возиает необходимость: при клике по какому либо элементу, скачивать изображение.

Для этого мам необходимо повесить атрибут data-download-img и поместить в него ссылку на изображение которое мы хотим скачать - URL_IMG

data-download_img="URL_IMG"

Создаём функцию download_img которая скачивает изображение URL_IMG с именем img.jpg клиенту на устройство:

// функция скачивания изображения
function download_img(url){
var link = document.createElement('a');
link.target = "_blank";
link.download = "img.jpg";
link.href = url;
link.click();
}

// ловим нажатие кнопки с атрибутом download_img
$("[data-download_img]").click(function(){
var url=$(this).attr('data-download_img');
download_img(url);
});