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 = ""...

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("path") 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("application/pdf"); FileInputStream in = new FileInputStream(new File("/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服务端通过流获取文件信息并保存