javascript - 下载按钮可保存已在线的内容

Question

我正在做一个下载表格。我想让提交按钮下载已经在线的内容，而不仅仅是打开可以在其上保存的内容。我希望基本上当您单击按钮时就开始下载。

这就是我现在拥有的:

<form method="get" action="/image/hw4jL.png">
     <input type="submit" value="Download"/>
</form>

Answer 1

如果您通过添加 header Content-Disposition: attachment 来控制服务器，则可以强制下载。但是，从客户端(JavaScript 或 HTML)强制下载远程 URL 的唯一方法是使用 the <a download> attribute 。您不能直接将其作为<form>来执行。的 native 操作。

您可以将按钮包装在 download 中链接，并删除其 type="submit" (在本例中也可能是 <form>):

<a download href="/image/hw4jL.png"><input  value="Download" /></a>

或者您可以触发一个不可见的链接，而不是将表单提交到服务器:

<form onsubmit="downloadLink.click(); return false;">
  <input type="submit" value="Download"/>
  <a download href="/image/hw4jL.png" id="downloadLink"></a>
</form>