サイト制作に関するメモ書き

HOME > HTML・CSS > ファイルをダウンロードする処理を実装する

ファイルをダウンロードする処理を実装する

通常ファイルをダウンロードする場合、ファイルへのリンクを右クリックで保存を選択しますが、リンクをクリックしてダウンロードが実行されるように実装してみます。

対応ブラウザ

対応ブラウザはこちら
IEとSafari、iOS Safariでは対応していないようです。

implement-the-process-of-downloading-files01

 

サンプルコード

download属性にファイル名を指定することで、クリックでダウンロードができるようになります。

HTML

<a href="image.jpg" download="image.jpg">画像ダウンロード</a>

ダウンロード実装のデモページ
 

【参考サイト】

 

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

▲PAGE TOP