PDF 无法在 Microsoft IE 和 Microsoft Edge 中加载答案

【问题标题】：PDF not loading in Microsoft IE and Microsoft EdgePDF 无法在 Microsoft IE 和 Microsoft Edge 中加载
【发布时间】：2018-06-22 13:28:07
【问题描述】：

感谢您一直以来的支持。我遇到了一个问题。我的网页中嵌入了一些学习资料（.PDF）。不在<iframe> 中，而是出于安全目的用于 PDF 查看的自定义类。现在这里的问题是我可以在 Firefox 和 Chrome 中查看 PDF，但不能在 Microsoft Edge 或 Internet Explorer 11 上查看。这可能是什么原因。我的网站在服务器上运行，当候选人无法读取文件时，我才知道这一点。这是我在页面上显示的代码，

   <div class="col-sm-9">
       <div id="viewer" class="pdf-viewer" oncontextmenu="return false" data-url="../sadmin/studyMaterial/<?php echo $db->idToField("tbl_studymaterials", "file_pdf", $chapterId) ; ?>"></div>
    </div>

还有 pdf-viewer 类，

.pdf-viewer {

  background: #909090;

  border: 1px solid #ddd;

  height: 400px;

  position: relative;

  overflow: hidden;

  -webkit-border-radius: 4px;

     -moz-border-radius: 4px;

          border-radius: 4px;

  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);

     -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);

          box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);

}

我想在这里重复一下，我可以在 Firefox 和 Chrome 中正确查看文件，但在 MS Edge 和 Internet Explorer 11 中无法查看。任何帮助都会非常有帮助，非常感谢。

【问题讨论】：

尝试使用<object>标签来加载PDF
感谢您的宝贵时间。我尝试使用<object>，但这并不能解决问题。
pdf-viewer class，这只是 CSS，不是类。无论如何，这不是我认为的班级。
感谢您的宝贵时间。可以做哪些修改？ @ArtisticPhoenix

标签： php html internet-explorer pdf microsoft-edge

【解决方案1】：

在 IE-11 和 Edge 中工作...试试看。它可能会有所帮助

<!DOCTYPE html>
<html>
<head>
    <title>PDF View</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <style> 
      .pdf-viewer {
          background: #909090;
          border: 1px solid #ddd;
          height: 1000px;
          position: relative;
          overflow: hidden;
          -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
          border-radius: 4px;
         -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
         -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
          box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.2);
        }
    </style>
</head>
<body>
 <div class="col-sm-9">
         <div>
            <object data="n1.pdf" type="application/pdf" width="100%" height="auto" id="viewer" class="pdf-viewer">

            </object>
        </div>
    </div>
  </body>
</html>

【讨论】：

非常感谢您的关注。但让我指出，现在 PDF 正在显示，似乎可以保存它们。正如我在问题部分中提到的，我不希望下载文件。使用 data-url 作为原始代码显示用于阻止文档下载，如果在 <object> 标记中我使用 data-url ，则空间变为空白。
还有其他替代解决方案吗？ @RaviShrimali