php+预览和下载pdf文件,vue实现在线预览pdf文件和下载（pdf.js）

最近做项目遇到在线预览和下载pdf文件，试了多种pdf插件，例如jquery.media.js(ie无法直接浏览)

最后选择了pdf.js插件(兼容ie10及以上、谷歌、安卓，苹果)

强烈推荐改插件，以下介绍用法

(1)下载插件

(2)将下载构建后的插件放到文件中public(vue/cli 3.0)

(3)在vue文件中直接使用，贴上完整代码

export default {

name: "pdf",

data() {

return {

pSrc:'',

};

methods: {

loadPDF () {

//baseurl ：pdf存放的文件路径，可以是本地的，也可以是远程，这个是远程的，亲测可以用

let baseurl = 'http://image.cache.timepack.cn/nodejs.pdf';

//ie有缓存加个随机数解决 + '?r=' + new Date()

let pSrc = baseurl + '?r=' + new Date();

this.pSrc = '../../plugin/pdf/web/viewer.html?file=' + encodeURIComponent(pSrc) + '.pdf';

mounted: function() {

this.loadPDF();

}

};

.wrap{

position: fixed;

top: 0;

left: 0;

width: 100%;

bottom: 0;

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持谷谷点程序。

php+预览和下载pdf文件,vue实现在线预览pdf文件和下载（pdf.js）相关推荐

【githubshare】开源的文件文档在线预览项目，支持主流办公文档的在线预览，如 doc、docx、Excel、pdf、txt、zip、rar、图片等
GitHub 上一份硬核计算机科学 CS 自学计划,偏向软件工程和系统架构方向. 旨在帮助开发者制定一个为期 3-5 年的重学 CS 目标,夯实 CS 基本功,达到美国一流大学 CS 专业本科毕业水平 ...
java零碎要点010---Java实现office文档与pdf文档的在线预览功能
最近项目有个需求要java实现office文档与pdf文档的在线预览功能,刚刚接到的时候就觉得有点难,以自己的水平难以在三四天做完.压力略大.后面查找百度资料.以及在同事与网友的帮助下,四天多把它做完 ...
java 预览word文档_Java实现office文档与pdf文档的在线预览功能
最近项目有个需求要java实现office文档与pdf文档的在线预览功能,刚刚接到的时候就觉得有点难,以自己的水平难以在三四天做完.压力略大.后面查找百度资料.以及在同事与网友的帮助下,四天多把它做完 ...
文件文档在线预览开源项目kkFileView的使用
文件文档在线预览开源项目kkFileView的使用 1.项目特性 2.部署过程 2.1 二进制下载部署文件进行部署 2.2 docker方式部署 2.3 通过源代码编绎部署 3.部分配置说明 3.1 ...
推荐一款文件文档在线预览解决方案
真正的大师,永远都怀着一颗学徒的心! 今天给大家推荐一款文件文档在线预览解决方案.同学们,我们在开发的过程中,对于一些管理系统肯定有文档在线预览的需求.对于简单的文档,用谷歌的在线文档可以直接处理.但 ...
html做在线预览pdf文件,html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件最近遇到一个需求,要在html页面查看pdf生成的pdf文件! 翻来覆去找到两种办法 ,最后采用了jquery.media.js插件方式一将pdf ...
html 在线预览pdf功能,html中在线预览pdf文件之pdf在线预览插件
html中在线预览pdf文件之pdf在线预览插件最近遇到一个需求,要在html页面查看pdf生成的pdf文件!javascript 翻来覆去找到两种办法 ,最后采用了jquery.media.js插 ...
html浏览pdf文件,HTML网页在线预览PDF文件
image.png image.png 今日工作需要,需要在线预览PDF文件,so,做了个研究,下面将网页在线预览pdf的方法做个梳理,大家共同学习成长吧方法分为三种 1. 方法1-embed标签 ...
vue实现在线预览office文件
最近在做电子档案,后端提供了文件的华为云的oss链接.已经实现了点击下载文件的功能.但是呢,他们又希望常规的文件,可以直接点击预览,不需要下载. 按道理说,做文件的在线预览,买个第三方服务什么的,后端 ...

php+预览和下载pdf文件,vue实现在线预览pdf文件和下载（pdf.js）

php+预览和下载pdf文件,vue实现在线预览pdf文件和下载（pdf.js）相关推荐

最新文章

热门文章