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