PDF-файл не загружается в Microsoft IE и Microsoft Edge

Спасибо, что всегда поддерживали. Я столкнулся с проблемой. У меня есть некоторые учебные материалы (.PDF), встроенные в мою веб-страницу. Не в <iframe>, а в специализированном классе для просмотра PDF в целях безопасности. Проблема в том, что я могу просматривать PDF-файлы в Firefox и Chrome, но не в 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. Любая помощь будет действительно полезной и очень ценной.


pdf php html internet-explorer microsoft-edge
person Anand    schedule 13.01.2018    source источник
comment
Попробуйте использовать тег <object>, чтобы загрузить PDF   -  person Rotimi    schedule 13.01.2018
comment
Спасибо за ваше время. Я пробовал использовать <object>, но это не решает проблему.   -  person Anand    schedule 13.01.2018
comment
pdf-viewer class, это просто CSS, а не класс. Во всяком случае, не то, что я считаю классом.   -  person ArtisticPhoenix    schedule 13.01.2018
comment
Спасибо за ваше время. Какую модификацию можно сделать? @ArtisticPhoenix   -  person Anand    schedule 13.01.2018

Ответы (1)


arrow_upward
0
arrow_downward

Работаем в 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>
person Ravi Shrimali    schedule 13.01.2018
comment
Большое вам спасибо за проявленную заботу. Но позвольте мне указать, что теперь, когда PDF-файлы отображаются, кажется, что их можно сохранить. Как я уже упоминал в своей части вопроса, я не хочу, чтобы документы загружались. Использование data-url, как показано в исходном коде, используется для остановки загрузки документа, и если в теге <object> я использую data-url, пространство становится пустым. - person Anand; 13.01.2018
comment
Может быть какое-то другое решение этой проблемы ?? @RaviShrimali - person Anand; 15.01.2018