首页 > 其他 > 详细

post下载文件到本地-兼容ie

时间:2020-03-21 02:18:16      阅读:156      评论:0      收藏:0      [点我收藏+]

一般下载都是给一个下载文件地址
然后前端拿到这个绝对路径
a链接打开就是下载是吧

但是有些后端,偏偏就是用post接口,返回一个二进制文件流
可能这样不用写入本地(服务器)吧。
不用清理管理和维护
技术分享图片
技术分享图片

 

 

 解决办法

// 导出excel
  function postExcelFile(data, url) {
    var form = document.createElement(‘form‘); //创建form标签
    form.setAttribute("style","display:none");
    form.setAttribute("method","post");//设置请求方式
    var exportData = ‘‘  //设置发送后台数据
    for(var key in data){
      if(data.hasOwnProperty(key)){
        if (data[key]) {
          exportData += key + ‘=‘ + data[key] + ‘&‘
        }
      }
    }
    form.setAttribute("action",baseUrl+url+"?"+exportData); //action属性设置请求路径
    document.body.appendChild(form); //页面添加form标签
    
    var input1 = document.createElement("input") //创建input标签
    input1.setAttribute("type","hidden") //设置隐藏域
    
    form.appendChild(input1);
    form.submit();//表单提交即可下载!
    document.body.removeChild(form); //页面删除form标签
  }

/**
   * 点击导出按钮
   * @param obj 导出的数据
   */
  $(‘.export‘).click(function(e) {
     postExcelFile(param,exportUrl); //param为from Data格式的参数,exportUrl为请求地址
  }        

 

 

ie8是支持的,现代浏览器就更不用说了

技术分享图片

 

 



post下载文件到本地-兼容ie

原文:https://www.cnblogs.com/dshvv/p/12535692.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!