vue2.x 下载后台传过来的流文件(excel)后乱码…

2018-06-24 00:55:21来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

1.接口返回的流和头部:

 

2.下载流文件的代码

 

方法一:是用了插件 https://github.com/kennethjiang/js-file-download

方法二:是用了 blob

不管哪种方法,记得设置  responseType  !!!!!

 

附上代码:

//      导出订单
      exportBill:function () {

        let url_post = Vue.prototype.api.apiList.EXPORT_BILL;

        let params_post = {
          orderStartDate: this.timepickerDateFormat(this.rangeTime[0]) || this.rangeTime[0] || '',
          orderEndDate: this.timepickerDateFormat(this.rangeTime[1]) || this.rangeTime[1] || '',
          prodCode: this.prodId,
          promoteFlag: this.promotionSiteId,
          policyStatusList: this.tableBillStateCheckedData,
        };

        Vue.axios.post(url_post,params_post,{responseType: 'arraybuffer'}).then((res) => {

          let fileName = res.headers['content-disposition'].match(/fushun(\S*)xls/)[0];

          fileDownload(res.data,fileName);  //如果用方法一 ,这里需要安装 npm install js-file-download --save ,然后引用 var fileDownload = require('js-file-download'),使用详情见github;
      // let blob = new Blob([res.data], {type: "application/vnd.ms-excel"}); 

      // let objectUrl = URL.createObjectURL(blob);

      // window.location.href = objectUrl;

    }).
catch(function (res) {}); },

 


			   
			   

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:node配置自动监测文件改变不重启

下一篇:用JS实现Ajax请求