サイト移転しました → GLOSSY

     
  1. >
  2. >
  3. 指定したリンクをダ…
  • 最終更新日:
  • 投稿者: @signpostme

指定したリンクをダウンロード可能にする「download属性」が便利!HTML5とChrome環境でのみ動作

指定したリンク先を「保存できるファイル」として認識させダウンロード可能にする、「download属性」というものが使ってみてかなり便利だったのでメモ。HTML5とChromeの組み合わせのみ動作可能で、簡単にダウンロードセンターを実装することができます。

「名前を付けてリンク先を保存」をしなくても済む!「download属性」とは?

リンクにダウンロード属性が指定されていると、そのリンクは「リンク先のファイルをダウンロードする」という命令になり、「download=”#”」の「#」の部分に保存するときのファイル名を指定することができます。
 
以下は「download属性」の書き方のサンプルです。
 
 

<a href="http://www.google.com/.../logo2w.png" download="MyGoogleLogo">download me</a>

 
 
非常に簡単に実装することができますが、これはGoogle Chromeブラウザのみの対応となっていますのでご注意ください。
sam01http://html5-demos.appspot.com/static/a.download.html
 
こういったアプリケーションも簡単に実装することもできます。便利ですね!
 

新着記事を見る

TOP