全球十大跨境电商平台排行榜前十名,百度seo优化方法,最新远程网站建设服务,奥门网站建设一、先下载稳定版的pdf.js#xff0c;可以去官网下载 官网下载地址 或 pdf.js包下载(已配置好#xff0c;无需修改)
二、下载好的pdf.js文件放在public下静态文件里#xff0c; uniapp是放在 static下静态文件里
三、使用方式 1. vue项目 注意路径 :srcstatic/pd…一、先下载稳定版的pdf.js可以去官网下载 官网下载地址 或 pdf.js包下载(已配置好无需修改)
二、下载好的pdf.js文件放在public下静态文件里 uniapp是放在 static下静态文件里
三、使用方式 1. vue项目 注意路径 :srcstatic/pdfjs-1.9/web/viewer.html?file你的pdf路径
iframe :srcstatic/pdfjs-1.9/web/viewer.html?filehttps://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf styleborder:none; width1000 height100%/iframe 2. uniapp项目使用 注意路径 /static/PDFVIEW/pdfjs-1.9/web/viewer.html
templateview stylewidth: 100vh;web-view :srcpdfUrl :fullscreentrue/web-view/view
/template
script
export default {data() {return {pdfUrl: ,htmlUrl: /static/PDFVIEW/pdfjs-1.9/web/viewer.html, //新测试预览fileUrl:http://storage.xuetangx.com/public_assets/xuetangx/PDF/PlayerAPI_v1.0.6.pdf, }},onLoad(options) {this.pdfUrl ${this.htmlUrl}?file${this.fileUrl};}
}
/script
四、控制台会出现跨域问题这时候要注释跨域代码 在viewer.js文件找到这段代码在1861行然后注释掉 var fileOrigin new URL(file, window.location.href).origin;if (fileOrigin ! viewerOrigin) {throw new Error(file origin does not match viewer\s);}
五、这时候基本就能看了 pc端效果 手机端效果
