javascriptを使用してユーザーのコンピューターに画像をダウンロードするにはどうすればよいですか?画像はすでに画面に表示されていますが、各ブラウザからのネイティブダウンロードオプションが使用されるように、ボタンをクリックできるようにしたいと思います。(画像はすでに存在するため、ajaxは必要ありません)
何か案は?
javascriptを使用してユーザーのコンピューターに画像をダウンロードするにはどうすればよいですか?画像はすでに画面に表示されていますが、各ブラウザからのネイティブダウンロードオプションが使用されるように、ボタンをクリックできるようにしたいと思います。(画像はすでに存在するため、ajaxは必要ありません)
何か案は?
JavaScriptは必要なHTTPヘッダーを設定できないため、マウスを左クリックするだけでは不可能です。たぶん、これは将来変更されるでしょう-「HTML5」。
私の解決策
Javascript だけではこれを実行できないことがわかったので、サーバーに正しいヘッダーを設定しています。
PHP では、これらのヘッダーを使用して画像を返します
$headers = [
'content-type' => 'image/jpg',
'content-disposition' => 'attachment; filename="photo.jpg'
];
が設定されると、画像がダウンロードされますwindow.location
-まさに私が望んでいたものです。
まあ、それらを使用するための URL の使用の insread.. それらのためのデータ URI を使用してください........
画像を開いてからbase64で開くことができます..
ここで、Javascript ファイルの代わりに追加します (data:image/png; base64 など)。
クリックすると、window.location.href がそのデータ URI に設定され、ダウンロード可能になります。