download（知名度が低いウェブ標準ひとりAdvent Calendar 2021 – 08日目） | Ginpen.com
知名度が低いウェブ標準ひとり Advent Calendar 2021 – 08 日目 今日は <a> で使える download 属性です。 <a>: アンカー要素 – HTML: HyperText Markup Language | MDN デモ：https://codepen.io/ginpei/pen/rNGeqry 基本的な使い方 通常 <a> のリンクをクリックすると画面遷移しますが download 属性を与えるとファイルをダウンロードするようになります。 属性の値は空か、ダウンロードするファイル名の初期値を指定することもできます。 利用可能なもの、不可能なもの 何でもダウンロードさせられるわけじゃなくて、ちょっと制限があります。 同一オリジンの URL blob: な URL data: な URL 他人のところのリソースをダウンロードさせることはできません。 使いどころ
download - JavaScriptで簡単にファイルダウンロード実行
Webアプリケーションなどでファイルをダウンロードさせたいと思ったことはないでしょうか。別なタブで開いて自分で保存してくださいというのは格好悪いです。ZipなどであればWebブラウザ任せですが、画像などはそうはいきません。 そこで使いたいのがdownloadです。とても簡単で使いやすいダウンロードライブラリです。 downloadの使い方 テキストの場合です。文字列、data、Blob、ファイル指定と様々な方法が用意されています。 download("hello world", "dlText.txt", "text/plain"); download("data:text/plain,hello%20world", "dlDataUrlText.txt", "text/plain"); download(new Blob(["hello world"]), "dlTextBlob.txt
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SVGをPDFに変換するJavaScriptライブラリ・「svg2pdf.js」 - かちびと.net
