点击标签时如何在iframe中打开pdf答案

【问题标题】：how to open pdf in iframe when click on a tag点击标签时如何在iframe中打开pdf
【发布时间】：2019-09-06 05:29:58
【问题描述】：

单击表格下方同一页面上的打开 PDF 时，我试图在 iframe 中加载 pdf。当我使用 target=blank 但未在 iframe 中打开时，此 pdf 在新选项卡上打开。

<c:forEach items="${files}" var="file">
<tr>
<td>${file.name}</td>
<td>${file.createdOn}</td>
<td><a href="http://localhost:8080/dms/getFile?filePath=${file.realPath}" target="search_iframe">Open PDF</a></td>
</tr>

</c:forEach>
</table>
<iframe src="" width="100%" height="100%" name="search_iframe"></iframe>
</body>

【问题讨论】：

新标签页打开的pdf实际上是浏览器打开的，所以无法在iframe中显示，如果真的想在iframe中打开pdf，可以使用一些js库渲染pdf文件，比如 pdf.js [mozilla.github.io/pdf.js/]
请阅读已经讨论过的这些链接：stackoverflow.com/questions/19654577/html-embedded-pdf-iframe stackoverflow.com/questions/12974115/…

标签： html spring-boot jstl

【解决方案1】：

我正在使用 bootstrap 4 作为我的主题之一，并在单击按钮时打开模态，在该模态中我放置 iframe 以打开我的 PFD。你也可以试试这个。如果您不使用引导程序，您可以创建自己的自定义模式。

<a href="javascript:void(0);" data-toggle="modal" data-target="#staffInformationForCBSE">

<div class="modal fade" id="staffInformationForCBSE">
    <div class="modal-dialog modal-xl">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title text_orange">Staff Information for CBSE</h4>
                <button type="button" class="close" data-dismiss="modal">&times;</button>
            </div>
            <div class="modal-body">
                <iframe class="pdf_documents" src="documents/StaffInfoForCBSE.pdf"></iframe>
            </div>
        </div>
    </div>
</div>

【讨论】：