js下载文件

有时候我们会有下载文件、甚至是类似新建文本，写入内容这样的需求，如何实现呢。

最容易想到的就是使用超链接，地址指向下载文件的位置，但是实际操作时发现是行不通的，因为像.txt格式的文件浏览器会自动打开，达不到我们想要的效果。浏览器无法识别的文件是可以下载的，比如zip和mid文件。

网上有很多说<a>标签加download属性的方法，但是我实测还是行不通，如果是不跨域的话是可以实现的，但是跨域无效。

其实一个链接地址能不能下载是它的response header决定的，所以说就是前端方面是处理不了的。

//表明文件类型
header( "Content-Type: video/mp4" );  
//类型为下载，同时设置下载文件名
header("Content-Disposition: attachment;filename=qwe.mp4");

后台通过加Content-Disposition:attachment和Content-Typ为application/octet-stream(无类型) 或者application/zip时，我们直接一个超链接指向接口地址就OK了。attachment为弹出对话框让用户确认下载，而inline为打开，如果需要传参数，需要用 表单提交触发下载，用ajax是不可以的。类似这样。

var form = $("<form></form>").attr("action", url).attr("method", "post");
form.appendTo('body').submit().remove();

 如果需要新建一个txt文件，并写入内容可以这样。

<a href="data:text/plain;charset=utf-8,test1" download="1.txt">下载曲库清单</a>

可以生成一个1.txt的文件，文件里边写入了test1。