Question

感谢您一直以来的支持。我遇到过一个问题。我在我的网页中嵌入了一些学习资料（.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中查看文件。任何帮助都会非常有用并且非常感谢。

Answer 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未在Microsoft IE和Microsoft Edge中加载

1 个答案: