Изменение размера PDF в html (также необходима прокрутка) - PullRequest
Новая
       55

Изменение размера PDF в html (также необходима прокрутка)

0 голосов
/ 17 июня 2020

Мне нужно показать файл pdf с прокруткой и изменением размера. Я читал, что следует использовать div. Пытался сделать по аналогии с img-wrapper, но как-то не получилось. PDF не вижу. Какие-либо предложения? Вот мой код:

html: 

<div id="myPdfDiv" class="pdf-image">
</div>


<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>

<script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.2.228/pdf.min.js"></script>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="view_pdf.js" id="view_pdf" data-url="<?php echo $rows['img']; ?>"></script>

js: 

imgUrl = "http://aspirant.beget.tech/upload/images/1.Pdf"

$("#body").append("<p><embed src=" + imgUrl + " type='application/pdf' width='100%' height='100%' class='pdf_image'></p>");

css: 

.pdf-image {
overflow: auto;
height: 200px;
resize: both;
background-color: blue;
position: relative;
overflow-x:auto;
overflow-y:auto;
}

.pdf-image > img {
    display: block;
    height: auto;
    width: 100%;
    position: absolute;
    /*top: -50%;*/
vertical-align: top;
}

1 Ответ

0 голосов
/ 17 июня 2020

Вы допустили несколько синтаксических ошибок: удалите # из тела, сделайте это $("body") затем добавьте let, var или const в imgUrl var imgUrl = "http://aspirant.beget.tech/upload/images/1.Pdf" * и попробуйте iframe вместо встраивания, это код, который я мог бы написать, PS браузер может заблокировать контент, который вы должны разрешить, чтобы разблокировать его 

let imgUrl = "http://aspirant.beget.tech/upload/images/1.Pdf";

$("body").append(`<p><iframe src='${imgUrl}'></iframe></p>`);

У вас также были проблемы с запятыми »« Я их тоже исправил

...