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

26 мар20:53

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

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

Для этого мам необходимо повесить атрибут 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);
});

Поиск