浏览器忽略下载属性

时间:2019-04-14 22:26:26

标签: html button download

我需要帮助。我的下载按钮:

<button type="button" download="logo.svg" href="[SVG_URL]">Download SVG</button>

应该下载一个.svg文件,但download属性不起作用。它仅在新选项卡中打开文件。 Firefox和Chrome也会发生这种情况。

这是问题live

2 个答案:

答案 0 :(得分:1)

您需要使用定位标记来下载某些内容。 像

<a href="/images/myw3schoolsimage.jpg" download>Click to Download</a>

但是如果您想要带有可下载链接的按钮,就在这里

<button><a href="/images/myw3schoolsimage.jpg" download>Chick Here</a></button>

只需将带有属性“下载”的锚标记放在按钮内。

要详细了解锚标记w3schools

就您而言,就像我从您的网站上看到的那样,请使用下面的代码段

<a type="button" class="btn btn-primary" download="https://cdn.glitch.com/63be2122-7b8d-4d1e-85a5-7d557ae54cc5%2FUPS.svg?1555285173725" href="" target="_blank">Download SVG</a>

在这里,我们没有将URL放在href中,而是将其提供给download属性。

答案 1 :(得分:0)

download不是button标签的有效属性。它仅在aarea标签上有效。

尝试:

<a href="URL" download>Text here</a>

如果可行,那么您可以在样式中将Text here替换为按钮。