
jQueryで画像をダウンロードさせるボタンをつくる
2015年5月19日jQueryのみでつくるギミック
jQueryだけでつくる画像をダウンロードさせるボタンです。aタグのherf属性で指定したパスの画像をダウンロードします。
JavaScript
(function($){ $(function() { $('#downloadButton a').on('click', function(e){ var hrefPath = $(this).attr('href'); var fileName = $(this).attr('href').replace(/\\/g,'/').replace( /.*\//, '' ); $target = $(e.target); $target.attr({ download: fileName, href: hrefPath }); }); }); })(jQuery);
HTML
<p id="downloadButton"><a href="img.jpg">download</a></p>