Как реализовать скачивание картинки?

Question

[Ler Den]

Суть такова. Пользователь по клику на кнопку получает скриншот определенной области страницы сайта в виде скачанного файла. Скриншот формируется в момент нажатия на кнопку. Есть чудесная библиотека, которая позволяет превращать DOM в canvas.
И вот я делаю:
1. Клик на кнопку инициализирует скрипт, который:
2. Превращает DOM в canvas
3. Нужно программно стартовать скачивание файла на клиенте.
Непонятно как делается шаг№3. Есть ивент какой-то в джс?

Answer 1

[Дмитрий Гончаров]

Такой вариант?

function saveUrlAsFile(url, fileName) {    
    var link = document.createElement("a");    
    link.setAttribute("href", url);
    link.setAttribute("download", fileName);
    link.click();
}

$('img').on('click',function(e){
        saveUrlAsFile($(e.target).attr('src'), 'image.jpg');
});