サードパーティサーバーから画像をダウンロードボタン

Question

どのブラウザでも、画像が表示されたら、それを右クリックし、[名前を付けて保存] をクリックしてダウンロードできます。

画像をダウンロードするボタンを作成しようとしています

ダウンロード ボタンをクリックすると、上の画像とバーコードがダウンロードされます。

私は反応を使用していますが、これが答えに関連しているかどうかはわかりません。

<a/> タグを download 属性とともに使用できると読みましたが、Firefox を使用しているため、次のページをホストするページにリダイレクトされます。バーコード画像の場合、ダウンロード ウィンドウが開きません:

コードは以下に示すように非常に単純です:

リーリー

MDN ドキュメントより:

ダウンロードは、同じオリジンの URL、または blob: とデータでのみ機能します。 プラン。

これを達成したいのですが、どうすればよいですか? 私は画像をホストしているサーバーを所有していません。

これを2023年に実現できるでしょうか?

その他の問題としては、ローカル イメージと他のサーバーでホストされているイメージが混在していることが挙げられます。 そこで、サードパーティのサーバー上の画像にのみ興味がある人のためにこのスレッドを作成しようと思いました。 - つまり、ここでは全員がフロントエンドであり、バックエンド関連のものはありません。

Answer 1

あなたの質問はこの古い問題を指していると思います。

ブラウザーが内部でファイルを処理しようとしないように、サーバー上で Content-Disposition ヘッダーを送信してファイルを添付ファイルとして設定する必要があります。

＃＃＃参照してください：

href 画像リンクをクリックしてダウンロード