首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

终极解决远程预览pdf问题

pdf.js绝对是我们的首选 本地预览 在pdf.js的官网上下载的demo中我们就可以直接进行预览。官网的案列在web文件夹下的view.html。这里我整理了一个pdf.js精简版的。...报错了 报错大概的意思就是文件没找到。为什么没找到是因为我们的文件远程文件pdf.js跨域了。在网上找了很多答案。有的说是在web.xml配置放置跨域的操作。测试无效。...还有的说请求头修改成跨域的但是没说明白。没有实现。最终我发小在viewer.html中获取file文件参数的原因是需要通过该文件获取文件文件流从而获取数据对viewer.html记性渲染。...既然是获取文件流为什么一开始不直接传递文件流。基于这个想法。我开始实现获取远程地址的文件流。果然让我找到了方法。我们先通过httpclient爬虫获取远程文件流。...基于这个方法我们只需要在springmvc中在前台请求到后台的时候调用该方法就可以获取文件流。在通过response将文件流返回到前台。 前台: <iframe src="..

33910
您找到你想要的搜索结果了吗?
是的
没有找到

使用 pdf.js 在网页中加载 pdf 文件

Mozilla开源了一个插件pdf.js,无需任何本地支持就可以在所有主流的浏览器上显示PDF文档,使用起来十分的方便。唯一的要求就是浏览器必须支持HTML5。...一、pdf.js 简介 官网地址:http://mozilla.github.io/pdf.js/,下载稳定版本,目前最新稳定版为v2.2.228 ? 1、下载至本地: ?...build目录包含以下内容,其中pdf.js是核心文件 ? web目录包含以下内容,其中viewer.html是pdf查看器 ?...3、在VS中打开viewer.html,引用了查看其的样式文件viewer.css、pdf.js核心文件、查看器脚本文件viewer.js 、资源文件local.properties。 ?...该查看器中默认加载的是 pdf.js 的使用说明书内容。 ? 二、将 pdf.js 集成到项目网页中 将解压缩的内容复制到项目中 ? 有多种方式加载加载并查看pdf文件内容。

42.3K61

pdf.js预览pdf文件流(base64)

1、前言: 新接手一个老项目,需要改造pdf文件的预览效果,接口直接返回的pdf文件文件流base64字符串,前端只能拿到base64来进行预览。...pdf.js是一款非常优秀的pdf解析工具,但不支持直接预览文件流,这里需要对pdf.js稍微改造。...2、下载pdf.js 下载地址:https://mozilla.github.io/pdf.js/ 下载稳定版本,下载后解压,把他放在静态资源目录下面,我这里的项目是老项目,前后端么有分离的java项目...,放在webapp下面,我把下载以后的文件解压重新命名为pdfjs文件夹,如图  3、保存pdf文件流 我这里是一个接口返回包括内容详情,图片,pdf文件等所有内容,点击一条pdf记录,跳转打开新的标签页进行预览...因此把接口返回的pdf文件流base64编码先本地缓存.跳转到我们下载的pdf文件夹里面的【viewer.html】文件

14.3K20

PDF.js专题

PDF.js运行具有相同权限的任何其他JavaScript代码,这意味着它不能跨出自身请求(见同根同源的政策和示例) 。...PDF.js文件太大,可以提供缩小版的js文件吗files?...Can I optimize a PDFfile to make PDF.js faster?什么样的pdf文件会导致PDF.js运行速度减慢,是否可以优化pdf文件使PDF.js速度变快?...2.能否读取远程服务器上的PDF(包括中文文件名) 第一个问题:能否显示中文? 首先,显示中文肯定是可以的,不论是文件名还是文件的正文,见下图: ?...第二个问题:能否读取远程服务器上的PDF(包括中文文件名) 我们哆嗦一点,从头说起,首先用mozilla的example证明读取远程服务器上的pdf绝对没有问题,见下图 读取http://mozilla.github.io

20.7K112

组件分享之前端组件——基于pdf.js在线预览PDF文件

组件分享之前端组件——基于pdf.js在线预览PDF文件 背景 近期正在探索前端、后端、系统端各类常用组件与工具,对其一些常见的组件进行再次整理一下,形成标准化组件专题,后续该专题将包含各类语言中的一些常用组件...下面是其开源库中的描述内容: PDF.js是使用 HTML5 构建的可移植文档格式 (PDF) 查看器。 PDF.js 由社区驱动并受 Mozilla 支持。...1、创建一个html页面,并在其中增加如下代码 PDF.js '...2、增加如下CSS样式 #the-canvas { border: 1px solid black; direction: ltr; } 3、在js中增加如下代码进行加载需要在线展示的pdf文件...// 如果提供了来自远程服务器的绝对URL,则在该服务器上配置CORS头。

4.9K20

rsync远程同步文件_ssh远程登录

一、简介 二、配置参数 1、参数 2、配置源的两种表示方法 三、远程同步 测试 免交互配置: 四、实时同步 1、在客户机上安装inotify 1.1调整inotify内核参数(优化) 2...、编写监控脚本 五、rsync批量快速删除大量文件 1、rm和rsync的比较 2、实际操作 一、简介 一款快速增量备份工具Remote Sync,远程同步 支持本地复制,或者与其他SSH、rsync...主机同步 它名称里面的r指的是 remote,rsync 其实就是”远程同步”(remote sync)的意思。...rsync -avz 用户名@源地址::共享模块名称 /目标位置 格式二: rsync://用户名@主机地址/共享模块名 rsync -avz rsync://用户名@源地址/共享模块 /目标位置 三、远程同步...tips: 当SRC和DEST文件性质不一致时将会报错 当SRC和DEST性质都为文件【f】时,意思是清空文件内容而不是删除文件 当SRC和DEST性质都为目录【d】时,意思是删除该目录下的所有文件

1.9K40

WordPress 技巧:显示后台的远程请求

WordPress 后台还是很慢,已经使用WPJAM Basic屏蔽了 Google 字体,并且也彻底关闭 WordPress 自动更新和后台更新检查,但是还是很慢,那 WordPress 是不是后台还有什么远程请求呢...在当前主题的 functions.php 文件中添加下面的代码,然后在后台的任何地址后面加上 ?...debug 或者 &debug query string 即可打印出当前的远程请求: add_filter('pre_http_request', 'wpjam_admin_display_http_request...\n"; return $status; } } 注意该代码只能检测使用 WP_Http 方式实现的远程请求,如果插件作者直接使用 cURL 来实现的远程请求则无法打印出来...附加一个小技巧,让后台的远程请求快速完成,比如 1秒内必须完成: add_filter('http_request_timeout', 'wpjam_admin_short_http_request_timeout

45520

git 删除文件 、只删除远程仓库文件、更换远程仓库

删除文件 1.克隆远程仓库到本地库。...r test (删除文件夹) 3.提交修改 git commit -m “Delete some files.” 4.将修改提交到远程仓库的xxx分支: git push origin xxx 二。...删除远程仓库 但不删本地资源 我们在使用idea开发的过程中经常会出现新建项目的时候直接把xxx.iml文件也添加到了git trace 当然这并不会出现什么问题,问题是当我们把xxx.iml文件push...那么问题来了:我们要在保留本地文件的情况下,删除远程仓库的文件(程序员一定要通过技术手段来实现目的,捂脸笑) ok,废话不多说,下面是解决方案:   把xxx.iml加到`.gitignore`里面忽略掉...以SourceTree为例,点击 仓库 -> 仓库配置 -> 远程仓库 即可管理此项目中配置的所有远程仓库, 而且这个界面最下方还可以点击编辑配置文件,同样可以完成方法三。

1.6K40

pdf.js分片加载、分段加载golang beego

开始以为文件流就是分片下载,其实不是。 旧版的pdf.js好像不需要设置,自动就是支持分片加载的。...由扩展使用,因为在切换到范围请求之前已经加载了一些数据。 disableRange 布尔 (可选)禁用PDF文件的范围请求加载。启用后,如果服务器支持部分内容请求,则将以块的形式提取PDF。...disableStream 布尔 (可选)禁用PDF文件数据的流式传输。默认情况下,PDF.js会尝试以块的形式加载PDF。默认值为“false”。...disableAutoFetch 布尔 (可选)禁用PDF文件数据的预取。启用范围请求后,即使不需要显示当前页面,PDF.js也会自动继续获取更多数据。默认值为“false”。...实现过pdf.js默认一次性加载所有page,加载整个pdf disableRange设为 true 即可 这样可以pdf.js可以实现pdf文件页码的自动选择(不重复加载pdf文件) pdfjs优化,

20.2K20

如何实现高性能的在线 PDF 预览

这个方案麻烦一点,我们需要在项目中引入 PDF.js 这个库,然后再使用 iframe 来加载指定的 HTML 文件(下文代码中的 viewer.html ),并且将需要访问的 PDF 的在线地址作为参数传递进去...那么我们先了解一下 PDF.js 可以为我们提供哪些能力。..._capability.promise; } } PDFDocumentLoadingTask 是一个下载远程 PDF 文件的任务。...实现细节 下载 PDF 分片 首先我们使用 PDF.js 提供的接口获取第一个分片的 url,然后再下载该分片的 PDF 文件。...总结 & 遇到的坑 我们在程序设计中,遇到请求数据较大、任务执行时间过长等场景时很容易想到通过数据切分、任务分片等方式来提升程序在系统中的执行&响应效果。

6.2K53

远程文件包含漏洞(pikachu)

漏洞介绍 File Inclusion(文件包含漏洞)概述 文件包含,是一个功能。在各种开发语言中都提供了内置的文件包含函数,其可以使开发人员在一个代码文件中直接包含(引入)另外一个代码文件。...大多数情况下,文件包含函数中包含的代码文件是固定的,因此也不会出现安全问题。...根据不同的配置环境,文件包含漏洞分为如下两种情况: 1.本地文件包含漏洞:仅能够对服务器本地的文件进行包含,由于服务器上的文件并不是攻击者所能够控制的,因此该情况下,攻击着更多的会包含一些 固定的系统配置文件...2.远程文件包含漏洞:能够通过url地址对远程文件进行包含,这意味着攻击者可以传入任意的代码,这种情况没啥好说的,准备挂彩。...远程包含漏洞 当我们不知道对方服务器有哪些文件,我们可以利用远程包含漏洞,将自己服务器上的文件下载到被人的服务器上。

2.8K20

rsync远程同步文件_通过ssh传输文件

对于需要远程同步文件来说,我们常见的方式有 scp 或者 rsync,但是想定时任务去同步的话,往往都需要设置免密登录,为安全起见,线上服务器没必要设置这个,且添加新的机器又要去设置免密,着实比较麻烦。...--rsync-path=PATH 指定远程服务器上的rsync命令所在路径信息。 -C, --cvs-exclude 使用和CVS一样的方法自动忽略文件,用来排除那些不希望传输的文件。...-I, --ignore-times 不跳过那些有同样的时间和长度的文件。 --size-only 当决定是否要备份文件时,仅仅察看文件大小而不考虑文件时间。...--blocking-io 对远程shell使用阻塞IO。 -stats 给出某些文件的传输状态。 --progress 在传输时现实传输过程。.../ 客户端上传文件到服务端 # 相当于把客户端 /data/ 目录下的文件上传到 远程 mysql 模块中 /data/bak/mysql/下的 back 目录下 # rsync -avzP --

1.4K30
领券