时间戳

首页 > 解决方案 > 在 iframe 弹出窗口上显示下载无 PDF 文件的链接

javascript - 在 iframe 弹出窗口上显示下载无 PDF 文件的链接

问题描述

我创建了一个链接以在弹出窗口的 iframe 中打开 pdf 文件，如下面的脚本。如果链接不是 pdf 文件，我希望它在弹出窗口中显示“它不是 pdf 文件，单击此处下载”的文本，但它不起作用。

/* intialize popup */
$('.iframe-popup').magnificPopup({
  type: 'iframe',
  gallery: {
    enabled: true
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<!-- manific popup cdn -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.0.0/jquery.magnific-popup.min.js" integrity="sha512-+m6t3R87+6LdtYiCzRhC5+E0l4VQ9qIT1H9+t1wmHkMJvvUQNI5MKKb7b08WL4Kgp9K0IBgHDSLCRJk05cFUYg==" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.0.0/magnific-popup.min.css" integrity="sha512-nIm/JGUwrzblLex/meoxJSPdAKQOe2bLhnrZ81g5Jbh519z8GFJIWu87WAhBH+RAyGbM4+U3S2h+kL5JoV6/wA==" crossorigin="anonymous" />


<a class="iframe-popup" href="https://www.mrs.org.uk/pdf/postcodeformat.pdf">listofpostalcodes.pd...pdf<p>not supported file</p></a>

<a class="iframe-popup" href="https://www.mrs.org.uk/pdf/postcodeformat.csv">listofpostalcodes.pd...csv<p>not supported file</p></a>

请帮助我。谢谢。

标签： javascriptjquery

解决方案

推荐阅读