如何使用onsenui和Google文档pdf查看器在iframe中查看PDF文件?

时间:2018-06-29 01:54:20

标签: html google-docs onsen-ui x-frame-options

为什么在onsenui的iframe中使用google docs viewer时会出现以下错误?

错误

Refused to display 'https://docs.google.com/viewer?url=http://www.pdf995.com/samples/pdf.pdf' in a frame because it set 'X-Frame-Options' to 'sameorigin'.

代码

<div class="card">
      <iframe src="https://docs.google.com/viewer?url=http://www.pdf995.com/samples/pdf.pdf" height="200" width="300"></iframe>
</div>

编辑

我刚刚意识到,即使在不使用onen的纯HTML中,它仍然会给出相同的错误。

1 个答案:

答案 0 :(得分:1)

我刚刚发现问题与温泉无关。为了查看pdf文件,只需在网址中添加&embedded=true

<iframe src="http://docs.google.com/gview?url=http://www.pdf995.com/samples/pdf.pdf&embedded=true" style="width:100%; height:1000px;" frameborder="0"></iframe>