js下载excel文件方法

下载文件,清楚缓存策略(最好后端接口处理,前端处理有些浏览器不识别)
后端: 接口再头部添加清除缓存标记
前端: 请求连接后面添加时间戳或者随机数,

一、使用a标签下载 (单个下载)

 下载模板
// 下载模板
        downModel() {
            let script = document.createElement('a');
            script.setAttribute('href',           
           baseUrl+"/highStarHotel/download/importEmployeeTemplates/v1? 
           token="+Cookie.get("HOTEL-MA-TOKEN"));
            script.setAttribute('target', '_blank');
            script.setAttribute("download", "批量导入酒店员工信息模块.xlsx");
            document.body.appendChild(script);
            script.click();
            document.body.removeChild(script);
        },

二、使用iframe 标签下载(批量下载下载)

downModel() {
//  this.downUrlMenu   批量下载链接
   _.each(this.downUrlMenu, (col) => {
        let iframe = document.createElement("iframe");
        iframe.setAttribute('style','display:none;height:0')
        iframe.setAttribute('src',col)
        document.body.appendChild(iframe);
        setTimeout(()=>{
          document.body.removeChild(iframe);
        },2000)
      })
}

三、使用form表单下载

/**
 * 导出到本地
 *  
 */ 
createSelectedForm(url,params) {
  let form = $("
") form.attr("target", "_blank").attr("method", "get").attr("action", url) _.each(params, (value, key) => { value = value ? value : "" form.append("") }) form.appendTo(document.body) form.submit() form.remove() }

你可能感兴趣的:(js下载excel文件方法)