如何从MODAL内的文件夹加载PDF文件?

时间:2019-05-23 16:26:43

标签: pdf bootstrap-modal href

我正在尝试打开一个PDF文件,该文件位于项目的特定文件夹中: 例如 WelcomeVillageDocs \ Welcome_Guide_EN.pdf

我的模态。

在模态内,我尝试使用iframe元素。

例如。

在我的消息来源中,我尝试了不同的方法。

src =“ / WelcomeVillageDocs / Welcome_Guide_EN.pdf”->它给了我空白页

src =“〜/ WelcomeVillageDocs / Welcome_Guide_EN.pdf”->它给了我空白页

src =“ ../ WelcomeVillageDocs / Welcome_Guide_EN.pdf”->我收到一条消息,内容为“预览不可用”

src =“ file:///WelcomeVillageDocs/Welcome_Guide_EN.pdf”->它给了我空白页

  启动演示模态

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h4 class="modal-title" id="myModalLabel">my PDF file</h4> 
      </div>
      <div class="modal-body">
        <div style="text-align: center;">
<iframe src="//WelcomeVillageDocs/Welcome_Guide_EN.pdf&embedded=true" style="width:500px; height:500px;" frameborder="0"></iframe>
</div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
      </div>
    </div>
  </div>
</div>

我希望当我单击按钮时,它将打开我的模型并集成我的pdf文件。 但是相反,我的模式是完全空白的页面。

0 个答案:

没有答案