HP素材のおすそわけ。blog > ブラウザでJPGやTXTファイルなどを一発でダウンロード出来るリンクを作るTIPS。

ブラウザでJPGやTXTファイルなどを一発でダウンロード出来るリンクを作るTIPS。

2014年2月9日(日)11:15 PM

ブログランキング・にほんブログ村へ ブラウザでJPGやTXTファイルなどを一発でダウンロード出来るリンクを作るTIPS。をはてなブックマークに追加

ブラウザで写真やテキストファイルなどをダウンロードして貰いたい時、右クリックではなく、リンクをクリックすることでダウンロード開始させる方法ってご存知でしたか?

私は知りませんでした。ZIPなどの圧縮ファイルやブラウザがサポートしていない形式ならダウンロードさせるというのは知っていたのですが、普通のJPGなどは方法をまったく知らなかったです。

調べてみたら、HTML5なら【download属性】で簡単に実現できると知りました。

<a href="http://***.jp/aaa.jpg" download="aaa.jpg">ブラウザによってはクリックでダウンロードできます</a>

このような記述でダウンロードリンクが貼れるんですが…実はコレ、別にHTML5じゃなくても使えます。HTML4でも問題なく使えました。

実際のサンプルは【ブラウザによってはクリックでダウンロードできます】左記のリンクをクリックしてみて下さい。Firefox・Google Chrome・Operaの新しいバージョンならダウンロードできていると思います。IEなら大きな画像が開かれるんじゃないでしょうか。

あくまでもHTML5からの属性ですが、どのブラウザで見ても問題なく使えるし、ダウンロードリンクが実装できるというのは有難い話だと思います。私も実際、写真素材のおすそわけに実装してみました。

HTML5って今まで興味がなくてノータッチだったんですが、色々なことが出来るんですね。ちょっと勉強してみようかな…。

この記事をTwitterやSNSなどのソーシャルメディアで共有して下さい。

コメントはお気軽によろしくお願い申し上げます。

この記事へのリンクタグ

<a href="http://kanari.info/b/3973">ブラウザでJPGやTXTファイルなどを一発でダウンロード出来るリンクを作るTIPS。 HP素材のおすそわけ。blog</a>

Trackback URL


素材

外部リンク

▲TOPへ