Задача: при клике на заданные элементы скачивать изображение.
Создаем кнопку, можно создать любой другой элемент с атрибутом data-download_img и помещаем в него ссылку на изображение которое нужно скачать - URL_IMG. Ссылка может быть как относительной так и абсолютной.
<button data-download_img="URL_IMG">Скачать</button>
Создаём функцию 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);
});
Важно! Для реализации необходима библиотека jquery!
Пример: пример