uniapp 在微信H5、安卓、IOS预览PDF

前言

uniapp在微信内通过链接预览PDF,而现有uniapp插件都是通过在线网站解析例如：

mumu-previewOffce

但解析网站目前已经不能访问

准备工作

下载PDF.JS https://github.com/mozilla/pdf.js/releases/download/v2.4.456/pdfjs-2.4.456-dist.zip 高版本会有奇奇怪怪的问题

放置在uniapp根目录static下并自行建立文件夹 例如：D:/Project/static/PDFView 并解压

使用问题

PDF.js 源码不支持文件跨域 如出现报错 可在viewer.js中找到以下代码并进行注释就可以解决

// 报错信息
file origin does not match viewer


// 注释源码  举例：D:/Project/static/PDFView/web/viewer.js  

// if (origin !== viewerOrigin && protocol !== "blob:") {
//   throw new Error("file origin does not match viewer's");
// }

文件CORS跨域

在浏览器访问如果打开还是一片空白的情况，看看是不是PDF文件是不是设置了不允许跨域访问、如果没有配置CORS 则需要配置PDF所在目录的CORS，例如：

location /upload/ {  
	add_header Access-Control-Allow-Origin *;
	add_header Access-Control-Allow-Methods 'GET, POST, OPTIONS';
	proxy_pass <http://xxx.xxx.xxx>;
}

__EOF__

本文作者：不在沉默着爆发，就在沉默中消亡
本文链接：https://www.cnblogs.com/Hekiss/p/18346550.html
关于博主：评论和私信会在第一时间回复。或者直接私信我。
版权声明：本博客所有文章除特别声明外，均采用 BY-NC-SA 许可协议。转载请注明出处！
声援博主：如果您觉得文章对您有帮助，可以点击文章右下角【推荐】一下。您的鼓励是博主的最大动力！