前端文件下载

1、

 <a href="/user/test/xxxx.txt" download="文件名.txt">点击下载</a>

  但是有个情况，比如txt,png,jpg等这些浏览器支持直接打开的文件是不会执行下载任务的，而是会直接打开文件，这个时候就需要给a标签添加一个属性“download”;
2、

window.open()方法，后端提供下载接口：

html：

<button type="button" id="btn1">window.open()方法下载</button>

js：window.open(url);

3、通过form表单提交的方式 ，后端提供下载地址

//创建表单

let form = document.createElement('form')

form.setAttribute('method', 'get') //方法

form.setAttribute('target', '_blank') //跳转方式

form.setAttribute('action', url)  //地址

 //可以实现批量下载  params 地址对象

Object.keys(params).forEach(key => {

let input = document.createElement('input')

input.name = key

input.value = params[key]

form.appendChild(input)

})

//添加到表单中

document.documentElement.appendChild(form)

form.submit() //提交

document.documentElement.removeChild(form)  //删除该表单

}