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

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

対応ブラウザ

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

implement-the-process-of-downloading-files01

 

サンプルコード

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

HTML

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

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

【参考サイト】

 

このエントリーをはてなブックマークに追加

関連記事

コメントを残す

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

CAPTCHA


コメントが承認されるまで時間がかかります。

2024年4月
 123456
78910111213
14151617181920
21222324252627
282930