下载按钮以保存已在线的内容

时间:2015-11-27 23:57:54

标签: javascript jquery html button download

我正在下载表格。我想让提交按钮下载已经在线的东西,而不仅仅是打开你可以在其上保存的东西。我希望在您基本上单击按钮时开始下载。

这就是我现在所拥有的:

<form method="get" action="http://i.stack.imgur.com/hw4jL.png">
     <input type="submit" value="Download"/>
</form>

1 个答案:

答案 0 :(得分:0)

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

您可以将该按钮包含在download链接中,并删除其type="submit"(在这种情况下也可能删除<form>):

<a download href="http://i.stack.imgur.com/hw4jL.png"><input  value="Download" /></a>

或者您可以触发不可见的链接,而不是将表单提交给服务器:

<form onsubmit="downloadLink.click(); return false;">
  <input type="submit" value="Download"/>
  <a download href="http://i.stack.imgur.com/hw4jL.png" id="downloadLink"></a>
</form>