前端问题:ajax请求获取了pdf 文件流,怎么在线展示

后台直接给了一个接口给我,一调用就会直接传个pdf 文件给我,
请问一下我怎么在线展示,还有下载。

获取到之后我 console.log(data) 打印出了以下的代码:

%PDF-1.4
����
3 0 obj
<>stream
����������HY��~̗��U%�P�4����B�!��?�G}
.......

就是不知道怎么在线展示,还有怎么做成PDF文件下载。

0
zhf_running_cola
奔跑的桉树 回复今年冬天有雪么: 请问你解决了吗
26 天之前 回复
zhf_running_cola
奔跑的桉树 我的也是获取pdf文件流,但是内容也为空白,请问如何解决的?
26 天之前 回复
weixin_42854154
今年冬天有雪么 你的空白的是怎么解决的?
大约一个月之前 回复

3个回答

可以参考这个文章:https://www.jianshu.com/p/242525315bf6

0
weixin_41858156
体重200斤不到 完成了 谢谢
9 个月之前 回复
weixin_41858156
体重200斤不到 拿到了 但是页面是空白的,大哥有遇到这种情况吗
9 个月之前 回复
weixin_41858156
体重200斤不到 PDF.js v2.0.943 (build: dc98bf76) 信息:Invalid PDF structure
9 个月之前 回复
weixin_41858156
体重200斤不到 无效或损坏的 PDF 文件。做到后面他一直提示 :无效或损坏的 PDF 文件。
9 个月之前 回复

可以看看这个文章,是下载excel文件的,可以应用到下载PDF文件上。里面说的很清楚。望采纳:https://blog.csdn.net/qq_31122833/article/details/82384048

0
CSDNxst
csdnxst 回复体重200斤不到: 最近也遇到这个问题了,请问怎么是怎么处理的?
5 个月之前 回复
weixin_41858156
体重200斤不到 回复qq_31122833: 谢谢你这个已经完成了。是的后端输出流,前端这边要接收接着格式要转换,之前不懂后来看了文章之后知道了,谢谢你热情的回答。
8 个月之前 回复
weixin_41858156
体重200斤不到 已经完成了,谢谢你
9 个月之前 回复
qq_31122833
小达哥的垃圾桶 1、这个应该是前端提供a标签按钮,通过a标签的href事件,请求到后台接口,后台输出流。2、所以这主要是后台的工作
9 个月之前 回复

前端发送post请求,后台返回pdf文件流,前端该如何转化。

0
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
ajax获取后台流使用pdfjs显示
网上找了好多资料都没有找到到底怎么使用文件流来让pdfjs显示。 经过高手的指导,终于弄出来了。遂作下记录,供大家参考。 需求:从文件服务器获得文件(pdf)让前端页面显示 首先我们需要构建好的pdfjs包,直接放在项目下面,我放这儿: 下载地址: 后台的框架springmvc4,hibernate(这里的主要代码没影响) @RequestMapping
pdf.js文件流方式实现在线展示pdf文件
第一步:下载源码https://github.com/mozilla/pdf.js 第二步:构建PDF.js 第三步:修改viewer.js var DEFAULT_URL = 'compressed.tracemonkey-pldi-09.pdf'  里面是PDF的路径 删除该变量定义; 第四步:通过ajax的方式获取文件流数据,并处理。 var DEFAULT_URL = &quot;&quot;...
pdf.js使用文件流预览pdf
网上大部分pdf.js都是用url方式预览pdf,此处给出pdf.js使用文件流预览pdf的Web工程; 此是maven工程; 100%能运行;
在页面上显示后台回传的PDF文件
直接在页面上预览PDF,而不是下载,要下载的话,加上attachment;即可 InputStream proxyIn = null; proxyIn = new FileInputStream(file); response.reset(); String filename = "协议书.pdf"; filena
pdf.js展示流文件
demo下载地址https://gitee.com/yuhaifei/pdfjs.git 下载pdf.js文件http://mozilla.github.io/pdf.js/ 把viewer.js中的var DEFAULT_URL删除 viewer.html 中添加 DEFAULT_URL 把地址改成流的地址,切记viewer.js在最后 link rel="resource" type
AJAX通过跨域传输信息生成PDF文件
此代码基于tcpdf来实现通过AJAX跨域来生成pdf,并返回pdf文件输出
PDF功能实现2——jsp前台页面实现以流的方式预览下载后台的PDF文件
这一篇解决上一篇所说的第二个问题:如何在前台打印后台生成的PDf文件。 在网上看了不少文章,发现可以用pdf.js去实现这个功能,pdf.js可以读取服务器上的pdf文件,实现预览、下载、打印等功能,如下图就是pdf.js提供的容器,里面的文件就是从后台读取的。  百度上很多例子都是直接读取服务器上文件的地址,也就是下面代码中的result参数直接写需要访问的pdf地址就可以了 (注:v...
后台返回文件流,前端实现预览pdf
PDFJS: https://mozilla.github.io/pdf.js/     支持获取文件流到客户端,生成blob地址预览ViewerJS: http://viewerjs.org/   预览pdf文件,其pdf文件只能url地址这个项目是基于vue的,但发现实现起来可以忽略,直接把官网 下载的文件,build文件夹和web文件夹全都放在项目的...
vue以文件流方式使用pdj.js实现预览pdf文件
最近参与了个项目,前端框架采用的是vue.js,需求是在项目中做一个pdf在线预览打印等功能,在网上找了很多例子基本上全 都是靠pdf.js实现的,很多例子说的都不清楚,对于我这个vue小白来说话,和天书差不多…几经周折后,终于实现了这个功能,下面分享给大家。 点击下载,这里下载稳定版就可以了。 下载好解压出来大概是这个样子 一切就绪,放到tomcat里启动测试下(注意不要放错位置哈) o...
前台ajax 从后台获取文件流上传文件
前台ajax请求 后台接收请求  读取某个文件夹下的文件 @ResponseBody     public void getPic(HttpServletRequest request,HttpServletResponse response,@RequestParam(&quot;path&quot;) String path) throws IOException {         path = pat...
pdf.js预览pdf文件流(base64)
上一篇降到通过file跳转路径,取后台读取pdf文件。 后来我们需要上传pdf文件时支持预览,因为文件尚未传到服务器,所以不存在取后台取文件了,但是我们前端的小哥也没有获取选择的文件的本地路径,只抛给我一个base64码,很尴尬。。。。。 去网上查阅了很多资料,很少有这方面的文章,遂记下来,以备以后用到。 我用的是pdf自带的viewer.html页面。 直接上代码: 1、打开viewe...
利用pdfJS实现以读取文件流方式在线展示pdf文件
PDF.js 的使用 PDFJS是在线预览PDF的一款神器。 对于PC端浏览器,一般直接提供pdf文件,iframe一下就可以直接预览了。我使用这个插件的原因是在移动端,android微信无法在线预览,原因是微信android使用x5的内核,就是QQ浏览器的那个貌似它只要检测到文件流,就会直接下载。 官网地址:http://mozilla.github.io/pdf.js/ 下载PDF....
ajax获取json数据展示
效果图: 原生js实现: *{margin:0;padding:0;} li{list-style:none;} #box{width:500px;height:640px;border:1px solid #ccc;position:relative;top:50%;left:50%;margin:20px -250px;} #box .con{width:500px;he
pdf预览,后台返回文件流,前台超链接指向后台方法
try { // exportpdf(loCoNo, response.getOutputStream()); response.setContentType(&quot;application/pdf&quot;); FileInputStream in = new FileInputStream(new File(&quot;/opt/zxxd/frontend/core/www/HZS170921000015_DA...
Ajax请求二进制流进行处理(ajax异步下载文件)的简单方法
最近做项目遇到这样的需求:管理后台需要随时下载数据报表,数据要实时生成后转换为excel下载。怎么解决这个问题呢?下面小编给大家分享Ajax请求二进制流进行处理(ajax异步下载文件)的简单方法,一起看看吧摘要: ajax请求一个二进制流(文件),转换为Blob进行处理或者下载保存文件需求管理后台需要随时下载数据报表,数据要实时生成后转换为excel下载。文件不大,页面放置“导出”按钮,点击按钮后...
AJAX异步提交表单(表单数据有文件流、字符串)
问题: AJAX通常情况下不能实现上传文件,因为AJAX与后台通信都是通过字符串,不能传递文件。通过$('#postForm').serialize()可以对form表单进行序列化,从而将form表单中的所有参数传递到服务端。 但是上述方式,只能传递一般的参数,上传文件的文件流是无法被序列化并传递的 不过如今主流浏览器都开始支持一个叫做FormData的对象,有了这个FormData,
后端返回文件流,前端post请求接收并下载
后端返回文件流,前端post请求接收并下载
使用frame 进行文件下载 ; ajax 服务端返回下载链接进行文件下载
页面代码:<iframe id="downloadFile" src=""></iframe>js代码: $("#export").on('click',function(){ var downloadFile= $("#downloadFile"); $.ajax({ type: "post", url: "http:
html页面在线预览PDF文件
依赖:jquery.media.js,自行百度下载 下载后放入指定位置,例:/static/js/lib/jquery.media.js 静态页面核心代码: &amp;lt;div id=&quot;pdf_preview&quot;&amp;gt;&amp;lt;/div&amp;gt; 以上静态页面还需要引入js文件和依赖 &amp;lt;script src=&quot;#springUrl('/static/js/sys/test.js')&quot;&amp;...
pdf预览,通过后台返回文件流方式
&amp;lt;div id=&quot;_div_embed&quot; class=&quot;x-hidden&quot; align=&quot;center&quot; style=&quot;vertical-align: middle;&quot;&amp;gt;         &amp;lt;embed id=&quot;_embed&quot; style=&quot;vertical-align: middle;margin:10px;&quot;type=&quot;applica
万恶的中文乱码问题ajax提交、单个文件下载(文件名)和打包下载压缩包中文件文件名乱码...
今天一下午都在于乱码对抗:just 记录一下 方便自己以备后用。 首先是ajax方式上传采用的get请求方式,尝试了下面两种解决方案: 1、出现乱码 修改tomcat配置文件 设置 这种方法需要修改中间件,可能会对其他应用有影响,同时服务器可能是其他中间件 2、采用encodeURI方法 js代码中 var queryString = $('#tName').val();...
从FTP获取PDF文件流并展示到页面
背景描述:从FTP获取PDF,并将其展示到页面,以达到预览的效果 Java:代码      ftpClient.connnect(ip,port);     ftpClient.setFileType(FTP,.BINARY_FILE_TYPE);     ftpClient.login(userId,password);     ftpClient.changeWorkingDirec
关于PDFJS在线预览
之前做过PDF预览,在本项目中,本是之前做好了,项目经理突然要求要后台给前传文件流的方式来预览,这可把我给蛋疼的,在网上搜罗一翻,找到PDFJS来实现效果,在网上找了各种资料,可是就是不显示啊有木有,经过两的时间  总算找到了原因,我不知道网上其他大牛是怎么做出来的,反正我按照他们的方式是不行,下面来说说我遇到的问题,整理一下,希望能帮助遇到和我一样问题的同学! 首先来看看网上的说法:  
关于前端使用ajax下载服务器端文件乱码的问题
最近看到很多前端的小伙伴们,需要从服务器端下载诸如excel,word,pdf的文件,但是在处理时怎么也没法产生想要的效果(点击后立即下载文件),而是没有任何响应,查看控制台发现返回的数据是一片乱码,结合自己的经验,希望能给大家一些帮助。 我这里ajax请求使用VUE的常用小伙伴axios,怎么用axios我就不详细介绍了,不会的小伙伴请...
一、ajax请求获取二进制流文件(blog)解决办法
一、ajax请求获取二进制流文件解决办法 今天在做excel导出的时候,碰到了一系列问题,以下是记录。 首先,整个过程就是现在前台页面先封装好要下载的文件数据,然后点击按钮触发了ajax请求,然后后台php就进行了数据的获取,处理数据,然后引用php的插件Spreadsheet生成了对应的图表,然后直接对着前台输出了: 以下为后台php代码向前端输出的文件流 header(‘filename:’....
获取http的pdf文件并存到本地转为img
下载http文件的方法 public void tranfer2(){ String res = downloadFromUrl("http://image99.360doc.com/DownloadImg/2016/08/3111/79075797_1.jpg","d:/"); System.out.println(res); } p
ajax携带文件流和参数上传文件
一、首先创建一个FormData();可以理解为form表单,请求方式为POST,内部封装ectype='Mutiparat/fromData'图片上传必须的类型。var formData = new FormData();var fileObj = document.getElementById('id').files[0]; //获得文件上传的输入框的文件流formData.append('f...
使用Ajax get请求数据用for循环展示到列表上
使用ajax请求数据,并用循环的方式放到表格里,展示到页面。
动态提交使用jQuery 完成ajax 文件下载
查了好多资料,发现还是不全,干脆自己整理吧,至少保证在我的做法正确的,以免误导读者,也是给自己做个记录吧! // Ajax 文件下载 jQuery.download = function(url, data, method){ // 获得url和data if( url && data ){ // data 是 string 或者 array/object
前后端分离ajax接收文件流的实践
一般ajax,post请求不能实现的原因 开始的想法:在页面上用jQuery的$.post方法发送一个请求给服务器,然后服务器根据这个参数再生成相应的一个文件流返回给客户端。但是,在$.post方法的回调函数中,只能处理xml, json, script, or html类型,对返回的文件流却没办法弹出对话框让用户下载了。 另类实现方法 经过百度,看到了很多人采用隐藏form提交
JAVA读取文件流,设置浏览器下载或直接预览
最近项目需要在浏览器中通过URL预览图片。但发现浏览器始终默认下载,而不是预览。研究了一下,发现了问题: // 设置response的Header,注意这句,如果开启,默认浏览器会进行下载操作,如果注释掉,浏览器会默认预览。 response.addHeader(&quot;Content-Disposition&quot;, &quot;attachment;filename=&quot; + FileUtil.getOrigina...
jquery如何通过ajax请求获取后台数据显示在表格上
$(function(){ $.ajax({ url:'data.json', type:'get', dataType:'json', success:function(data){ $.each(data.data,function(index,item){ var tr;
javascript 保存第三方API返回的PDF文件流
针对调用第三方API时需要获取token作为头参数并传入两个参数的情况。若不需要参数,使用xmlResquest.send();即可 function DownloadContract() { getLongToken();//此处为获取第三方token的方法(套用时删掉) var url = &quot;https:xxx&quot;; var data = JSON...
ajax获取接口数据显示到页面之菜鸟分享
个人最近在开发项目中遇到了动态数据请求渲染的问题,能力有限,虽然解决了问题,但是觉得代码冗长,效率比较低,所以想优化一下,看能不能用其他方法提交一下效率。这个问题经历了三个节点。 第一个就是自己完全不熟其他方法的情况下独立完成的。那就是最基本的初始化/赋值/添加。 var jsonObj = eval('('+res+')'); // console.log(j...
ajax 异步获取导致的错误
1 ajax获取数据方式 在根目录下创建data.json文件: ? 1 2 3 4 {  "one" : "Hello",  "two" : "World" }   一、通过$.getJSON方法获取json数据 ?
使用ajax异步请求数据,并展示在html中
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <script src="jquery-1.11.3.js" type="text/javascript"></script> <style> .fu{ width:400px; height:400px; background-col
使用pdfjs提供的viewer.html展示pdf文件流
1.到官网下载包https://github.com/mozilla/pdf.js/releases/download/v1.10.88/pdfjs-1.10.88-dist.zip 2.解压包到开发工程中 3.修改viewer.js 1)var DEFAULT_URL = 'compressed.tracemonkey-pldi-09.pdf'  里面是PDF的路径删除该变量定义; 2)...
JS原生接口请求文件流
需求:在PDF插件中实现PDF预览;问题:ajax请求文件流被自动转成文本格式导致解析错误;使用场景:文件预览,图片上传预览,操作blob对象断点传续等;            var url = &quot;xxx&quot;; var xhr = new XMLHttpRequest(); xhr.open('GET', url, true); ...
java web展示PDF 的方案
PDF整合到项目中的注意事项 这里主要介绍两个PDF展示方案:1.PDF.js 2.falsh 展示 pdf文件 Flash展示PDF文件 网上有很多pdf的flash展示工具组合,这里主要针对的是FlexPaper+swftools,FlexPaper是一个开源轻量级的文档浏览组件,被设计和比如PDF2SWF库(包含于SWFTools)一起工作,使得在网页上,Adobe Flex以及...
.net通过文件流获取对方请求过来的文件
对方通过http请求上传文件,.net服务端通过流获取文件信息并保存