vue中关于后端返回文件流后前端如何下载及自定义名称


先看返回的文件流(例如管理系统中表格的数据)

 

 1、在请求接口的时候请求头要添加responseType: 'blob'

 

 2、拿到返回的文件流进行下载

        const link = document.createElement("a");  //创建a标签
        let blob = new Blob([response], { type: "application/vnd.ms-excel" }); // response就是接口返回的文件流
        let objectUrl = URL.createObjectURL(blob);
        link.href = objectUrl;
        link.download = "网点数据"; // 自定义文件名
        link.click(); // 下载文件
        URL.revokeObjectURL(objectUrl); // 释放内存

完结!


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM