在任何瀏覽器中,如果您看到圖像,可以右鍵單擊它,然後按一下「另存為」下載它。
我正在嘗試製作一個下載圖像的按鈕
下載按鈕應該下載上面的圖像,條碼。
我正在使用react,不確定這是否與答案有關。
我讀到您可以將<a/>
標籤與download
屬性一起使用,但是,我使用的是Firefox,它會將我重定向到託管條碼圖片的頁面,並且不會開啟下載視窗:
程式碼非常簡單,如下所示:
<a href='https://barcode.tec-it.com/barcode.ashx?data=${product.barcode}&code=&multiplebarcodes=true&backcolor=%23ffffff&quietzone=10&quietunit=Px&size=Small' download>click me</a>
來自 MDN 文件:
下載僅適用於同源 URL,或 blob: 和 data: 方案。
我想實現這個,我該怎麼做? 我不是託管圖像的伺服器的擁有者。
我們能在 2023 年做到這一點嗎?
其他問題是本機映像和其他伺服器上託管的映像之間的混合。 所以我想我可以為那些只對第三方伺服器上的圖像感興趣的人創建這個線程。 - 所以我們這裡都是前端,沒有後端相關的東西。
我認為你的問題指的是這個老問題。
您需要在伺服器上傳送 Content-Disposition 標頭以將檔案設定為附件,以便瀏覽器不會嘗試在內部處理該檔案。
請參閱: href 圖片連結點擊下載
#