从第三方服务器下载图像按钮
P粉198670603
P粉198670603 2024-02-21 14:47:20
0
1
383

在任何浏览器中,如果您看到图像,可以右键单击它,然后单击“另存为”下载它。

我正在尝试制作一个下载图像的按钮

下载按钮应该下载上面的图像,条形码。

我正在使用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 年做到这一点吗?

其他问题是本地图像和其他服务器上托管的图像之间的混合。 所以我想我可以为那些只对第三方服务器上的图像感兴趣的人创建这个线程。 - 所以我们这里都是前端,没有后端相关的东西。

P粉198670603
P粉198670603

全部回复(1)
P粉193307465

我认为你的问题指的是这个老问题。

您需要在服务器上发送 Content-Disposition 标头以将文件设置为附件,以便浏览器不会尝试在内部处理该文件。

请参阅: href 图片链接点击下载

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板