Я не могу загрузить pdf-файл в модальное всплывающее окно.
Я пробовал работать с iframe , embed и object, но ничего не дает мне результата.
Что я уже пробовал:
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="c-modal__dialog" role="document">
<div class="c-modal__content">
<div class="c-modal__header c-modal__header--success">
<h5 class="c-modal__title">Floor Plan</h5>
</div>
<div class="c-modal__body">
<iframe src="~file:///C:/uploads/d094a66c-c941-4e1a-98ae-f96aca4048ac.pdf" style="width:680px;max-width:680px; height:500px;" frameborder="0"></iframe>
<embed src="~file:///C:/uploads/d094a66c-c941-4e1a-98ae-f96aca4048ac.pdf" frameborder="0" style="width:100%;height:600px">
<object type="application/pdf" data="~file:///C:/uploads/d094a66c-c941-4e1a-98ae-f96aca4048ac.pdf" style="width:100%;height:600px">No Support</object>
</div>
<div class="c-modal__footer u-text-right">
<button type="button" class="c-btn c-btn--secondary" modal-close>Close</button>
</div>
</div>
</div>
F-ES Sitecore
Проблема в том, что это локальный файл, и в наши дни браузеры, как правило, не любят получать доступ к локальным файлам по соображениям безопасности. Google "show local pdf file iframe" для вопросов о подобных проблемах, но универсального решения, о котором я знаю, нет.
Если это не локальный файл и ... c:\uploads" путь находится на веб-сервере, тогда вам нужно использовать http-путь к файлу на сервере. Если файл находится вне файловой структуры веб-сайтов, то вам понадобится какая-то промежуточная страница на веб-сайте, которая будет передавать нужный файл клиенту. Если вы загуглите "asp.net потоковая передача pdf - файла клиенту" вы, вероятно, найдете примеры того, как это сделать.