[解決済み] クリックで画像リンクダウンロード
2022-04-14 02:22:26
質問
のような通常のリンクを生成しています。
<a href="/path/to/image"><img src="/path/to/image" /></a>
をWebアプリで使用します。
リンクをクリックすると、新しいページに画像が表示されるのですが。もし画像を保存したいのであれば、右クリックして"save as"を選択する必要があります。
この動作ではなく、リンクをクリックするとダウンロードボックスが飛び出すようにしたいのですが、htmlやjavascriptだけで可能でしょうか?どのように?
そうでなければ、download.phpスクリプトを書いて、ファイル名をパラメータとしてhrefに呼び出すしかないでしょうか。
どのように解決するのですか?
<a download="custom-filename.jpg" href="/path/to/image" title="ImageName">
<img alt="ImageName" src="/path/to/image">
</a>
まだ完全にはサポートされていません カニース と一緒に使うことができます。 モダナイザー ( ノンコアの下で検出される ) で、ブラウザの対応状況を確認します。
関連
-
[解決済み] cssのfit-contentで横幅を自動サイズ調整する
-
[解決済み] CSSでテキストや画像の背景を透明にするには?
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] 画像の横のテキストを縦に揃える?
-
[解決済み] div' コンテナに合わせて画像を自動リサイズするにはどうしたらいいですか?
-
[解決済み] div 内の画像を縦に並べる方法
-
[解決済み] jQueryを使用してハイパーリンクのhref属性を変更する方法
-
[解決済み] Markdownで画像サイズを変更する
-
[解決済み] Bitmapオブジェクトに画像を読み込む際にOutOfMemoryが発生する問題
-
[解決済み] HTMLのレイアウトにテーブルを使用しない理由は?[クローズド]
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] react jsでファイルをダウンロードする方法
-
[解決済み] Bootstrap 3.3.7で改行する方法
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] セレクトボックスのプレースホルダーを作成するにはどうすればよいですか?
-
[解決済み] HTMLで表示される上下の三角形(軸のない矢印)に使用できる文字は何ですか?
-
[解決済み] HTML5でfloat入力タイプはありますか?
-
[解決済み] IMGとCSSのbackground-imageはいつ使い分ける?
-
[解決済み] テーブル内のテキストアラインクラス
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] HTML Input="file" Accept Attribute File Type (CSV)