导出文件需要注意的地方

1、导出文件的方式是以将二进制数据流使用new Blob([数据流],{type:‘文件类型,参考网络响应体的Content-Type’})将数据包裹起来,然后使用window.URL.createObjectURL(放入)去创建一个下载文件流的链接,再创建一个a链接,把a链接的href设置成刚刚创建的对象,通过a.click()的方式下载,具体代码:

	  const url = window.URL.createObjectURL(new Blob([res], { type: 'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;charset=utf-8' }))
      const link = document.createElement('a')
      link.style.display = 'none'
      link.href = url
      link.setAttribute('download', '文件名不加后缀')
      document.body.appendChild(link)
      link.click()
      document.body.removeChild(link)
      window.URL.revokeObjectURL(link.href)

2、请求接口的配置需要注意,后端返回的是buffer则是arraybuffer,如果是二进制流则是blob

{
    method: 'get',
    url: `/system/tenant/export`,
    params,
    responseType: 'arraybuffer',//arraybuffer或blob
    headers: {
      'Content-Type': 'application/x-www-form-urlencoded'
    }
  }

你可能感兴趣的:(代码规范,经验,javascript,前端,html)