ライトボックスに「画像をダウンロード」ボタンを追加しようとしています。したがって、このライトボックスに簡単なボタンを追加します: http://lokeshdhakar.com/projects/lightbox2/
HTML5のダウンロード属性は既に試しましたが、ブラウザ非対応のため不向きです。
ライトボックスのコントロールが画像の上にあるため、右クリック->「名前を付けて保存...」も解決策ではありません。
ライトボックスにダウンロード ボタンを追加するための簡単なクロス ブラウザー互換ソリューションはありますか? Blob または BlobBuilder も使用しようとしましたが、成功しませんでした。これは正しいアプローチですか?
編集:
ここで実用的なソリューションを見つけました: https://stackoverflow.com/a/833024/1301058
<FilesMatch "\.jpg$">
<IfModule mod_headers.c>
Header set Content-Disposition "attachment"
# for older browsers
Header set Content-Type "application/octet-stream"
</IfModule>
</FilesMatch>
しかし、問題は、すべての画像が MIME タイプの application/octet-stream で転送され、そのための警告が表示されることです。
クリック時に MIME タイプを設定するにはどうすればよいですか? ファイル パスと FilesMatch 正規表現に次のようなパラメーターを追加しようとしました。
<FilesMatch "\.jpg\?1$">
しかし、それはうまくいきません。