html5中的<a>下载属性在任何Web浏览器中根本不起作用

时间：2019-11-14 02:37:43

标签： php html

**我的代码段

<button ><a href="Palak_Lohia_Resume.pdf" download class="button4"> </a></button>

It just opens the pdf file in other tab but doesn't force the download.

4 个答案:

答案 0 :(得分：0)

下载标签是HTML5属性，因此正确构造HTML文档，放置它的位置无关紧要，只是代码是按照HTML5标准进行结构化，这一点非常重要。这是使用它的正确方法的示例：

<!DOCTYPE html>
<html lang="es" xml:lang="es">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title></title>
</head>
<body>

<!-- your code -->
<button><a href="file.pdf" download class="button4"></a></button>

<!-- correct form -->
<a href="file.pdf" download class="button4"><button>Download PDF</button></a>

<!-- other form -->
<a href="file.pdf" download class="button4">Download PDF</a>

</body>
</html>

问题确实是您将 button 元素放在了 a 标签之外。

答案 1 :(得分：-1)

根据官方文档，下载方法仅适用于以下浏览器：

- List item

此后，您需要重新调用并确保download属性始终写在<a>标记的末尾。我的意思是这样：

<a href="yourfile.pdf" download>

因为如果在中间将其用作：

<button ><a href="Palak_Lohia_Resume.pdf" download class="button4"> </a></button>

浏览器可能会错过该属性，因此您的<a>无法正常工作。

还要确保文件与逻辑文件位于同一级别。否则，请使用absolute路径而不是relative路径，这对浏览器的帮助可以获取您的文件并将其发送下载。

您可以在此处阅读有关此内容的更多详细信息： https://www.w3schools.com/tags/att_a_download.asp

答案 2 :(得分：-1)

尝试将下载内容放在标记的结尾

head

或输入download =“ true” 

addNode()

答案 3 :(得分：-1)

我一直尝试通过按钮下载文件，只是我尝试使用.mp3 .wav .ogg文件，但这应该没有什么不同。

经过一段时间的代码更改后，我停止更改代码，因为它一直在做相同的事情。我现在唯一要做的就是将我的.mp3文件放到.zip文件夹中，并告诉该按钮下载包含音频文件的.zip文件夹：

<button>
    <a href="HooniganProds\songs.zip" download>Click to Download!</a>
    </button>

我希望这会帮助您解决问题。

相关问题
最新问题