pdf预览空白问题解决。第一次预览正常，再重新打开就空白的问题。是因为cmaps没有更新

本文主要是介绍pdf预览空白问题解决。第一次预览正常，再重新打开就空白的问题。是因为cmaps没有更新，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

问题描述

我用的是pdfjs作为PDF预览工具使用。

预览有电子签章的PDF后(如下图的水印、签章)，再重新预览没有电子签章的PDF，就会空白。

如上图，第一个PDF的接口加载了电子签章的字体，但是当我点击第二个PDF时，就出现预览空白，原因是因为它沿用了前面PDF的cmaps文件。

看网络面板，可以排除是接口的问题，因为在预览PDF时，是重新获取了PDF文件流的。

所以，问题就出在重新加载新的PDF文件流时，有缓存，没有更新bcmaps文件导致。

问题解决

最开始我尝试用特殊的方法去解决bcmaps缓存的问题，但是都无效。

包括问了各个AI，也无济于事。

后面我发现用这些预览时，其实都是用的是同一个组件。

所以，就应该销毁PDF预览组件，让其第二次打开时，重新构建，不依赖之前的缓存即可。

最终添加了一行很简单的代码来解决了。

<el-dialogwidth="80%"title="文件预览"v-loading="loading":visible.sync="dialogPdfViewVisible"append-to-body><pdf-viewv-if="dialogPdfViewVisible"  //这里就是我添加的  v-if即可:pdf-data="pdfViewData"data-type="base64":total="true":visible="true"custom-class="canvasdiffer"/></el-dialog>

问题总结

出了问题，如果能通过刷新页面就能解决问题，那么就是缓存问题。想办法让其不缓存即可解决。

曾经参考过的文章（也未能解决）

https://blog.csdn.net/weixin_42530606/article/details/136152608

https://blog.csdn.net/weixin_44998124/article/details/120889121

这篇关于pdf预览空白问题解决。第一次预览正常，再重新打开就空白的问题。是因为cmaps没有更新的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---