我正在构建一个PDF查看器,用户可以在其中切换多个PDF。我使用的是对象标签来嵌入PDF,并使用iframe和嵌入标签对其进行了测试,也无济于事。
除了我遇到的2个错误之外,所有其他事情都按预期工作:
有时切换到另一个PDF时,即使它显示了“网络”标签中的文件,它实际上也没有更新。
有时,在初始加载PDF查看器时,初始对象是空白页,直到您切换到其他PDF
我似乎无法查明发生这种情况的原因,因为它似乎完全是随机的,并且正确的PDF文件显示在“网络”标签中,所以我不知道从这里开始。
我确实看到了发布的这个问题,但是看起来PDF一直在使用HTTPS,所以我不认为这是问题所在。
// example file: `https://somepdffilecom/mypdffile.pdf`
const googleDrivePath = `https://drive.google.com/viewerng/viewer?url=${file}&embedded=true`;
return (
<div className="pdfWrapper">
{file ? (
<div className="iframe-wrapper">
<object
data={googleDrivePath}
title="pdf"
type="application/pdf"
height={height}
width={width}
>
<a href={file}>{file}</a>
</object>
</div>
) : (
<Error />
)}
</div>
);