文章目录
问题描述
我用的是pdfjs
作为PDF
预览工具使用。
预览有电子签章的PDF
后(如下图的水印、签章),再重新预览没有电子签章的PDF
,就会空白。
如上图,第一个PDF
的接口加载了电子签章的字体,但是当我点击第二个PDF
时,就出现预览空白,原因是因为它沿用了前面PDF
的cmaps
文件。
看网络面板,可以排除是接口的问题,因为在预览PDF
时,是重新获取了PDF
文件流的。
所以,问题就出在重新加载新的PDF
文件流时,有缓存,没有更新bcmaps
文件导致。
问题解决
最开始我尝试用特殊的方法去解决bcmaps
缓存的问题,但是都无效。
包括问了各个AI,也无济于事。
后面我发现用这些预览时,其实都是用的是同一个组件。
所以,就应该销毁PDF
预览组件,让其第二次打开时,重新构建,不依赖之前的缓存即可。
最终添加了一行很简单的代码来解决了。
html
<el-dialog
width="80%"
title="文件预览"
v-loading="loading"
:visible.sync="dialogPdfViewVisible"
append-to-body
>
<pdf-view
v-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