PDF.js预览文件实现在线预览pdf文件

川长思鸟来 2022-12-01 01:26 554阅读 0赞

![20200825155556932.png][]首先下载源码。把他放在自己的文件里面。

下载地址：[https://download.csdn.net/download/qq\_33769914/12746859][https_download.csdn.net_download_qq_33769914_12746859]

然后<iframe ref="mainiframe" width="100%" height="500px"  :src='../static/js/pdf/web/viewer.html?file=' + http://xxxx.pdf></iframe>

我使用的vue所以直接在页面上把src写上了。前面是view.html的相对位置，加上?file加上pdf的地址，（这个pdf的地址是存在服务器的pdf文件地址，你在浏览器窗口打开的话是可以预览的，比如下面的效果。地址是[https://orgoss1.vvwx.net/web/pdfconverter/2020-07-25/7344414f017a643a0a4adf7c3c36894a.pdf][https_orgoss1.vvwx.net_web_pdfconverter_2020-07-25_7344414f017a643a0a4adf7c3c36894a.pdf]）。就可以 啦。

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70][]

[20200825155556932.png]: /images/20221123/555a72e058054d1e875e615a22aab9e3.png
[https_download.csdn.net_download_qq_33769914_12746859]: https://download.csdn.net/download/qq_33769914/12746859
[https_orgoss1.vvwx.net_web_pdfconverter_2020-07-25_7344414f017a643a0a4adf7c3c36894a.pdf]: https://orgoss1.vvwx.net/web/pdfconverter/2020-07-25/7344414f017a643a0a4adf7c3c36894a.pdf
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzMzNzY5OTE0_size_16_color_FFFFFF_t_70]: /images/20221123/942b9775ec144471b7ebf5aa98d752dd.png

发表评论取消回复

表情：

评论列表（有 0 条评论，554人围观）

还没有评论，来说两句吧...

相关阅读

相关若依后端实现pdfjs预览PDF文件

> PDF.js用于解析和呈现PDF 的通用、基于 Web 标准的平台。 > > 官网地址：[http://mozilla.github.io/pdf.js/][http_m

本是古典何须时尚/ 2023年09月30日 10:24/ 0 赞/ 16 阅读

相关通过PDF.js实现PDF文件在线预览

1.官网下载PDF.js 我的资源地址：[https://download.csdn.net/download/rexueqingchun/11974119][http

你的名字/ 2023年06月12日 13:29/ 0 赞/ 42 阅读

相关 PDF.js预览文件实现在线预览pdf文件

![20200825155556932.png][]首先下载源码。把他放在自己的文件里面。下载地址：[https://download.csdn.net/download/

川长思鸟来/ 2022年12月01日 01:26/ 0 赞/ 555 阅读

相关实现pdf文件预览功能：

实现pdf文件预览功能： package com.echarts.controller; import org.springframework.st

我会带着你远行/ 2022年11月21日 04:13/ 0 赞/ 409 阅读

相关 uniapp H5文件预览，PDF预览

1.下载[点击跳转下载][Link 1] ![20210413113554991.png][] 2.解压，拷贝 hybrid 目录到你的项目目录下 ![202104131

怼烎@/ 2022年11月18日 13:36/ 0 赞/ 697 阅读

相关 springboot使用pdfjs预览office文件

由于springboot使用aspose预览office文件可以实现文件预览，但部分浏览器却不兼容，所以使用pdfjs预览office文件，兼容浏览器。在spr

以你之姓@/ 2022年10月05日 04:45/ 0 赞/ 361 阅读

相关 vue-pdf实现pdf文件在线预览

有空改 npm install --save vue-pdf <template> <div> <pdf

冷不防/ 2022年08月29日 05:59/ 0 赞/ 439 阅读

相关在线预览PDF

![Center][] [Center]: /images/20220608/c09bd51aa5234ade90362ac3f95d3ae7.png

本是古典何须时尚/ 2022年06月08日 07:16/ 0 赞/ 479 阅读

相关 fastDFS+LibreOffice文件预览（四）：转为pdf格式在线预览

注意：如果你复制我的代码到你的程序上报错，可以看看我第一篇文章实体类跟配置文件的设置：[https://blog.csdn.net/qq\_36688143/article

ゞ浴缸里的玫瑰/ 2022年04月16日 05:00/ 0 赞/ 628 阅读

相关文件在线预览

浏览器并不能支持word、excel文件的在线预览，所以都是将word、excel转换为浏览器能直接看的文件格式（html、pdf、txt、png、svg、flash），因此在

野性酷女/ 2022年01月26日 14:47/ 0 赞/ 726 阅读