Google Drive Viewer无法处理多个PDF之间的切换

时间:2019-10-24 17:08:43

标签: javascript reactjs pdf google-drive-api

我正在构建一个PDF查看器,用户可以在其中切换多个PDF。我使用的是对象标签来嵌入PDF,并使用iframe和嵌入标签对其进行了测试,也无济于事。

除了我遇到的2个错误之外,所有其他事情都按预期工作:

  1. 有时切换到另一个PDF时,即使它显示了“网络”标签中的文件,它实际上也没有更新。

  2. 有时,在初始加载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>
  );

0 个答案:

没有答案