2016-05-31 8 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'タグを追加する必要があります。私はすでにHTMLタグを持っています.HTML5の' download'属性をサポートしていないブラウザ用のソリューションを探します。 – Heidel

+0

Safariでサポートされていないことは間違いありませんが、これは最新のすべてのブラウザで動作している点を除いては同じです。 –

関連する問題