pdf.js踩坑⽇记
出发点
在web上加载pdf⽂件，并禁⽌⽤户下载和保存。起初考虑使⽤embed加载pdf，配置pdf链接尾部增加 #toolbar=0 ，但此⽅案仅在chrome下有效。因此考虑使⽤pdf.js做⾃定义pdf渲染。
踩坑
遇到问题：
1. pdf加载失败。
原因：插件内部调⽤接⼝发起请求时，未携带⽤户信息，⽆访问权限。
解决⽅案：
url: this.url,
withCredentials: true, // 允许携带cookie
});
复制代码
2. pdf⽆法显⽰⽔印。
曾宝仪的老公是谁
原因：插件⽆法处理某些特殊字体，需要加载特定字体cmap⽂件。
解决⽅案：
cMapUrl:  'unpkg/pdfjs-dist@2.0.943/cmaps/', // 使⽤cdn加载pdf.js提供的字体⽂件。
cMapPacked: true, // 此参数需要设为true
});
复制代码
存在问题：使⽤三⽅cdn，在内⽹部署会失效，且三⽅cdn稳定不可控。
怎么恢复手机删除的照片
3. 使⽤webpack后，在firefox中⽆法加载pdf。
原因：使⽤webpack时，需要设置pdf worker的打包后⽂件⽬录。
解决⽅案：
pdfjsLib.GlobalWorkerOptions.workerSrc = 'static/js/bundle.js';
复制代码
// webpack配置
entry: {
main: 'xxxxx',
'pdf.worker': path.join(process.cwd(), 'node_moudules/pdfjs-dist/build/')
led照明灯具品牌},
output: {
filename: 'static/js/bundle.js',
大乐透中奖说明
publicPath: '/',
演员陈晓
},
复制代码
4. 禁⽤⿏标右键。
解决⽅案：
// 兼容ie
return false;
};
暑假社会实践论文复制代码
5. ⼤型pdf⽂件加载缓慢。
解决⽅案：页⾯懒加载。