有时候我们会有下载文件、甚至是类似新建文本,写入内容这样的需求,如何实现呢。
最容易想到的就是使用超链接,地址指向下载文件的位置,但是实际操作时发现是行不通的,因为像.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。