axios 文件流下载

this.axios
        .post(this.baseUrl+"/exportUser", { admin: "",keys: "",keyword:this.keyword,},{responseType: ‘blob‘})
        .then(function(response) {
          var blob = new Blob([response.data])
          var downloadElement = document.createElement(‘a‘);
        var href = window.URL.createObjectURL(blob); //创建下载的链接
        downloadElement.href = href;
        downloadElement.download = ‘用户数据.xlsx‘; //下载后文件名
        document.body.appendChild(downloadElement);
        downloadElement.click(); //点击下载
        document.body.removeChild(downloadElement); //下载完成移除元素
        window.URL.revokeObjectURL(href); //释放掉blob对象 

          console.log(response);
        })
        .catch(function(error) {
          console.log(error);
        });

原文地址:https://www.cnblogs.com/1234wu/p/11166121.html

时间: 2024-10-25 08:36:46

axios 文件流下载的相关文章

ASP.NET 实现Base64文件流下载PDF

因为业务需要调用接口获取的是 Base64文件流 需要提供给客户下载PDF文档 源码部分借鉴网上,具体地址忘记了. //Base64文件流 byte[] buffer = Convert.FromBase64String(decodedString); System.IO.Stream iStream = new System.IO.MemoryStream(buffer); try { int length; long dataToRead; string filename = sn + ".

使用文件流下载文件,并且修改文件的名字

最近在搞一个项目,里面有一个文件下载的内容,但是万恶的产品提了一个要自定义修改文件名的需求,一开始后台不想改,让前端修改(这简直是不可理喻,最后还是后台改了),不过经过努力,我还是找到了方法去解决. 这里使用的是文件流的方式,就是先把文件从服务器下载下来,前端再通过blob去修改文件名. 代码如下: fetch('/api/fs/download2/internal/' + item.att[0].url).then(res => res.blob().then(blob => { let a

原生Javascript使用fetch发起请求_模拟get|post|文件流下载等

有时候,我们无法借助熟悉的jquery发起请求,原生JS里是支持fetch函数的,这是个高度封装的方法,帮助我们做了很多底层的封装,下面列举一些发起请求的示例: 1-发起Get请求: //httpGet请求 var httpGet = async function (getUrl) { var opts = { method: "GET", credentials: 'include' // 强制加入凭据头 } await fetch(getUrl, opts).then((respo

远程服务器文件流下载方法【实例】

/**  * 远程服务下载类  *  * @author jiyanle.  * @date 2015/6/17  */ @Controller @RequestMapping(value = "download") public class FileDownload extends BaseController {     /**      * 远程服务器文件下载      *      * @param request      * @param response      * @

asp.net文件流下载的代码摘要

try { var workbook = new XLWorkbook(); if (Workbook != null) { workbook = Workbook; } if (this.ExportData != null || this.Workbook != null) { context.HttpContext.Response.Clear(); // 编码 context.HttpContext.Response.ContentEncoding = Encoding.UTF8; //

ajax请求文件流下载

$.ajax({ // url:BASEURL+'/bill/download/invoice', url:'http://loan-test.yinshuitong.com/backorg/bill/download/invoice', type:'get', data:{ invoiceIdStr:invoiceShell.id }, crossDomain: true == !(document.all), beforeSend: function(request) { request.s

前端接收后端返回的文件流导出Excel

需求:接收后端返回的文件流导出Excel 自己项目中遇到过,亲测有效 情况二使用过程中解决的问题: 1.直接接受的文件流下载格式为txt且乱码.需要通过 下面这句代码来转成Excel: let url = new Blob([xmlHttp.response], { type: 'application/vnd.ms-excel' }); 2.文件名乱码,显示数字单词组成的随机字符串.需要后端在header中返回文件名,转义获取 //文件名 link.download = decodeURICo

以文件流的方式 文件上传 下载

HTML: <div class="box-body">                                    <form id="upload_form" enctype="multipart/form-data"  action="/wjgl/fileSave" method="post">                                     

js 下载文件流

这个问题,先描述下最初的思路: 1.从接口中获取到文件流: 2.在浏览器中下载文件流: 按照上述问题在网上找答案,DOM File API,XMLHTTP,asp方法好多. 最后用最简单的方法window.location.href = apiUrl;直接实现了. 现在想想,就是一步下载,分开走就麻烦了.