下载按钮打开脚本答案

【问题标题】：Download Button Opening Script下载按钮打开脚本
【发布时间】：2018-03-20 08:31:21
【问题描述】：

当我的客户从我的网站 (ravens-hangar.tk) 下载 rar 时，会弹出一个大脚本。需要帮忙！？提前致谢！

.download {
  width: 120px;
  height: 30px;
  font-size: 20px;
  text-align: center;
  background: #35424a;
  border: none;
  color: white;
}

&lt;td&gt;&lt;img src="img/template7.png" alt=""&gt;&lt;a href="repaints/ma.rar" download="ma'"&gt;&lt;button type="button" class="download"&gt;Download&lt;/button&gt;&lt;/a&gt;&lt;/td&gt;

https://i.stack.imgur.com/TGoFg.jpg

【问题讨论】：

“弹出的大脚本” ??请解释一下，我们什么也没看到
查看图片
这显然是rar文件的内容。
如何解决下载文件不打开文件？
您的服务器必须在 HTTP 响应中设置正确的 Content-type 标头，以便您的浏览器知道如何处理数据。

标签： html css file download

【解决方案1】：

如果您删除属性“download”的值，则文件将正常下载，或者如果您想要另一个名称，请以正确的文件结尾写入它，例如“another-ma.rar”，而不仅仅是“ma'”而没有文件类型.我认为标签中的按钮标签是个坏主意，也许最好给 class="download" 锚标签？ http://w3c.github.io/html/#the-a-element

我的意思是，如果 href="img.jpeg" 它将在浏览器中打开图像，但如果您添加下载属性，它将下载图像；）

.download {
  display:inline-block;
  width: 120px;
  height: 30px;
  font-size: 20px;
  text-align: center;
  background: #35424a;
  border: none;
  color: white;
}

&lt;td&gt;&lt;img src="img/template7.png" alt=""&gt;&lt;a class="download" href="repaints/ma.rar" download&gt;Download&lt;/a&gt;&lt;/td&gt;

【讨论】：

如何更改按钮的大小？
在 css 中填充或在 px 或 em % 中固定大小，但需要添加 display: inline-block 或 display: block;一个标签是内联的，所以需要改变它
谢谢老哥，大大的帮助！

【解决方案2】：

正如我在 cmets 中所述，您的服务器必须在 HTTP 响应中设置正确的标头。像这样的：

Content-Type: application/octet-stream
Content-Disposition: attachment; filename="ma.rar"

要解决此问题，这取决于您的网页和文件的服务方式。您必须阅读有关“如何正确提供文件”的文档。

【讨论】：

那我把它加到html上？还是css？
这既不是关于 CSS 也不是关于 HTML。它是关于您的 HTTP 服务器的，即发送 rar 文件（当然还有您网站的 html 网页）到浏览器的组件。
如果您不处理后端，请咨询您的团队。可能是 Apache HTTP 服务器、nginx、tomcat、node，我不知道！您必须首先弄清楚您使用的服务器，然后，您才能找到有关它的一些文档，并学习如何正确保存此类文件。
我可以放入 htcacces 吗？
有这个吗？ <FilesMatch "\.(?i:pdf)$"> ForceType application/octet-stream Header set Content-Disposition attachment </FilesMatch>