业务需求背景

在线浏览PDF文件。如果使用默认的浏览器展示方式，有时候客户浏览器会自动下载PDF文件。同时又不希望客户有下载PDF的能力。使用pdf.js完成展示的动作。

准备动作

将pdfjs文件夹，放置到服务器上。要注意，此文件夹要同PDF文件，在同一个域名下放置，否则不能展示PDF文件。我们的PDF都是在OBS存储的，所以要提前将pdfjs文件夹，放置到OBS的对应桶中。如下图：

代码实现

在项目中，写入如下的JS方法：

viewPdf(filepath){
	//拼接获取OBS路径数据
	let viewUrl = core.filepath('plugin/pdfjs/web/viewer.html?file=');
	//对于要展示的PDF文件，进行路径编码
	viewUrl += encodeURIComponent(filepath);

	//页面进行跳转
	window.open(viewUrl,'_blank');
}

展示效果

资源包下载地址

https://xinghansoft.obs.cn-north-1.myhuaweicloud.com/download/pdfjs.zip