后端返回文件流,前端blob下载

摘要:
后端返回响应()-˃下载(storage_path('app/public')$file,$filename,array('内容类型'=˃'应用程序/pdf',);前端:downloadPage(id){webServices.post('downPage',{“id”:id},{responseType:'arraybuffer'

后端

return response()->download(storage_path('app/public').$file,$filename,array(
                    'Content-Type' => 'application/pdf',
                ));

前端:

downloadPage(id){
      webServices.post('downPage',{"id":id},{responseType:'arraybuffer'}).then((res)=>{
        let blob = new Blob([res.data], { type: "application/pdf" });
        const elink = document.createElement('a')
        elink.download = 'testPage.pdf';
        elink.style.display = 'none'
        elink.href = URL.createObjectURL(blob)
        document.body.appendChild(elink)
        elink.click()
        URL.revokeObjectURL(elink.href) // 释放URL 对象
        // this.downLoading = false
        document.body.removeChild(elink)

      });
    },
{responseType:'arraybuffer'}这个一定要传,不然下载的文件就是空白文件

免责声明:文章转载自《后端返回文件流,前端blob下载》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇【解决】网站运行一段时间后就无法访问,重启Tomcat才能恢复【python系统学习10】布尔值下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

译文:前端性能的重要性 The Importance of Frontend Performance

欢迎訪问我的主页。最新的文章我会首先公布在个人主页上: http://blog.guaidm.com/shocky/ 原书下载地址:http://pan.baidu.com/s/1pJocRwB        在我的web开发生涯里,大部分时候我都是作为一个后台project师。这样一来,我投入了非常多的精力去研究、练习怎样通过后台优化来提升项目产品...

前端路由跳转基本原理

什么是前端路由? 前端路由,就是一个前端不同页面的状态管理器,可以不向后台发送请求而直接通过前端技术实现多个页面的效果。 单页路由跳转模式有两种: 哈希模式(利用hashchange 事件监听 url的hash 的改变) history模式(使用此模式需要后台配合把接口都打到我们打包后的index.html上) 1.哈希模式的原理:hashChang...

转载:前端大牛们都学过哪些东西?

作者:秦墨鱼链接:http://www.zhihu.com/question/22146521/answer/94842197来源:知乎著作权归作者所有,转载请联系作者获得授权。 学过的东西杂而不精,算不得大牛。带过前端团队,也算是有几年前端负责人的经验。随着这几年前端node.js,react,Angularjs等技术新起,越来越多从之前单纯的前端开发到...

前端传参时乱码解决方案

前后端交互时经常会用到这种问题,当传参遇到中文时就头大,各种乱码。 下面就总结了两种乱码的情况并给出解决方案。   还是我们的js的方法: encodeURI() 函数可把字符串作为 URI 进行编码。 API参考http://www.w3school.com.cn/jsref/jsref_encodeuri.asp 1、通过url传参(前端转码两次)...

ORACLE LOB 大对象处理

LOB大对象处理:主要是用来存储大量数据的数据库字段,最大可以存储4G字节的非结构化数据。主要介绍字符类型和二进制文件类型LOB数据的存储,单独介绍二进制类型LOB数据的存储。一. Oracle中的LOB数据类型分类1,按存储数据的类型分:①字符类型:CLOB:存储大量单字节字符数据。NLOB:存储定宽多字节字符数据。②二进制类型:BLOB:存储较大无结...

Oracle中Blob和Clob类型的区别与操作

Oracle中Blob和Clob类型 1、Oracle中Blob和Clob类型的区别 BLOB和CLOB都是大字段类型,BLOB是按二进制来存储的,而CLOB是可以直接存储文字的。其实两个是可以互换的的,或者可以直接用LOB字段代替这两个。但是为了更好的管理ORACLE数据库,通常像图片、文件、音乐等信息就用BLOB字段来存储,先将文件转为二进制再存储...