javascript - 如何在iFrame中加载PDF文件？在React中工作

我正在尝试在REACT的iFrame中加载pdf文件，代码如下所示：

render(){
   return(
      <iframe
          sandbox="allow-same-origin allow-scripts allow-forms"
          title="PortletIFrameWidget"
          src={'.resources/crayola.pdf'}
          ref={(f) => { this.ifr = f }}
      />
   )
}

我收到警告：


  资源被解释为文档，但以MIME类型传输
  申请/ pdf：“ http://localhost:8080/resources/crayola.pdf”


但是当我转到链接“ http://localhost:8080/resources/crayola.pdf”时，我可以轻松看到PDF的内容，因此存在pdf文件，问题是：它没有在iFrame中上载/呈现。为什么？

这在MOZILLA FIREFOX和Edge中起作用，但在CHROME中不起作用。

知道为什么会这样吗？以及如何在REACT中的iFrame中加载PDF文件

最佳答案

这与React无关，问题显然出在GOogle-Chrome中。
这是我做的解决方案：

<iframe src="./resources/crayola.pdf" title="title">
     Presss me: <a href="./resources/crayola.pdf">Download PDF</a>
</iframe>

以及对我有帮助的链接：
PDFobject

关于javascript - 如何在iFrame中加载PDF文件？在React中工作，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/51494680/