2016-05-31 56 views
0

我不理,以节省点击图片,并为此我使用download属性jQuery的保存图像上点击

<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; 
    }); 
} 

但这个脚本不起作用。怎么了,怎么解决?

+2

'$(本).attr( 'href' 属性)下载;'应该做些什么?属性是一个字符串,你正在访问一个属性? – epascarello

+0

我试过重复类似的东西http://stackoverflow.com/questions/17527713/force-browser-to-download-image-files-on-click – Heidel

回答

-1

试试这个

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

JsFiddle Example

+0

请检查一次它的工作 –

+0

我不需要添加另一个'a'标记,我已经有了一个,并且我搜索了一个不支持HTML5'download'属性的浏览器解决方案。 – Heidel

+0

你是对的,它不支持Safari浏览器,只是它支持所有最新的浏览器。 –