JQuery сохранить изображение по щелчку

Question

Я внял, чтобы сохранить изображение по щелчку и для этой цели я использую download атрибут

<a href="http://mysite.ru/userfiles/certificate_2.png" class="download-certificate-link" data-title="certificate.png" download="certificate.png">Download</a> 

, а также я хотел бы добавить скрипт для браузеров, которые не поддерживают HTML5 download атрибуты

var a = document.createElement('a'); 
if (typeof a.download == "undefined") { 
    $('body').on('click', '.download-certificate-link', function(){ 
     $(this).attr('href').download; 
     return false; 
    }); 
} 

но этот скрипт не работает. Что случилось и как это исправить?

Answer 1

Попробуйте это

$(document).ready(function(){ 
    $('.download-certificate-link').each(function(){ 
     var $this = $(this);   
     $this.wrap('<a href="' + $this.attr('src') + '" download />') 
    }); 
}); 

JsFiddle Example