2016-05-31 42 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瀏覽器,只是它支持所有最新的瀏覽器。 –