доработка кода - JavaScript, Ajax

ras82 · 24.01.2023, 14:35

камрады, приветствую!
есть вот такой код, выводящий в хтмл страницу пдф документ:

Код:

	"<!DOCTYPE html>
				|<html>
				|	<head>
				|		<meta http-equiv=""Content-Type"" content=""text/html; charset=UTF-8"" />
				|		<meta name=""viewport"" content=""width=device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable=no"">
				|		<script src=""https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.min.js""></script>
				|		<script src=""https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.worker.min.js""></script>
				|		<canvas id=""the-canvas""></canvas>
				|		<script>
				|			var currPage = 1; //Pages are 1-based not 0-based
				|			var numPages = 0;
				|			var thePDF = null;
				|			
				|			var loadingTask = pdfjsLib.getDocument({data: atob(`" + СтрокаPDFФайла + "`)});
				|			loadingTask.promise.then(function(pdf) {
				|			       
				|			     thePDF = pdf;
				|			     numPages = pdf.numPages;
				|			
				|			     pdf.getPage(1).then(handlePages);                      
				|			
				|			     function handlePages(page) { 
				|			        var scale = 1.5;
				|			
				|			        var viewport = page.getViewport({scale: scale});
				|			
				|			        var canvas = document.createElement( ""canvas"" );
				|			        canvas.style.display = ""block"";
				|			        var context = canvas.getContext('2d');
				|			        canvas.height = viewport.height;
				|			        canvas.width = viewport.width;
				|			
				|			        var renderContext = {
				|			              canvasContext: context,
				|			              viewport: viewport
				|			        };
				|			        var renderTask = page.render(renderContext);
				|			
				|			         document.body.appendChild( canvas );
				|			
				|			        currPage++;
				|			        if ( thePDF !== null && currPage <= numPages )
				|			        {
				|			            thePDF.getPage( currPage ).then( handlePages );
				|			        }
				|			       };
				|			
				|			});
				|		</script>
				|	</body>
				|</html>";

где СтрокаPDFФайла - это строка формата Base64, полученная из двоичных данных файла пдф.
код рабочий, и один документ пдф выводит без проблем, даже из нескольких страниц.
но если выводить 2 многостраничных документов, то от первого выводит только первую страницу.

можно ли преобразовать код, чтобы выводить произвольное количество многостраничных пдф, один за другим, подскажите пжл?)
спасибо)
п.з. и еще при выводе страницы над первым документом остается пустое пространство, которое при печати считается как отдельная страница, это как то можно убрать?)

ADSoft · 24.01.2023, 14:50

все дело в библиотеке pdf - читайте мануал по ней, делайте как надо вам (если это возможно)

ras82 · 24.01.2023, 14:57

Цитата:

Сообщение от ADSoft

все дело в библиотеке pdf - читайте мануал по ней, делайте как надо вам (если это возможно)

как я писал, можно вывести 2 пдф документа подряд, если продублировать блок script, с функцией вывода пдф, но от первого документа остается только первая страница.
средствами хтмл можно как то разделить вывод в разные разделы, последовательно?

BDA · 25.01.2023, 06:00

По поводу пустого места, удалите the-canvas:

Код:

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable=no">
        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.worker.min.js"></script>
    </head>
    <body>
        <script>
...
        </script>
    </body>
</html>

По поводу двух документов, а точно от первого документа только первая страница, а не страницы первого и второго документов перемешались? Не знаю, как правильно делать, но можно попробовать поколдовать со строкой "document.body.appendChild( canvas );", чтобы добавлять страницы каждого документа к своему div, например.

ras82 · 25.01.2023, 07:09

спасибо, про "the-canvas" помогло)

по поводу второго документа, вывел два разных дока, от первого вывел первую страницу, второй вывел нормально...

к сожалению, не разбираюсь в архитектуре js...

ras82 · 25.01.2023, 08:20

нашел, что метод getDocument() выполняется асинхронно.
в этом видимо и проблема, что читаются параллельно оба документа пдф и выводятся, по мере чтения страниц.
а можно как то эту асинхронность отключить?

24.01.2023, 14:50	#2
ADSoft Старожил Регистрация: 25.02.2007 Сообщений: 4,068	все дело в библиотеке pdf - читайте мануал по ней, делайте как надо вам (если это возможно) Сайты, приложения, автоматизация в широком смысле слова

25.01.2023, 06:00	#4
BDA МегаМодератор СуперМодератор Регистрация: 09.11.2010 Сообщений: 7,064	По поводу пустого места, удалите the-canvas: Код: `<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale = 1.0, maximum-scale = 1.0, user-scalable=no"> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/2.4.456/pdf.worker.min.js"></script> </head> <body> <script> ... </script> </body> </html>` По поводу двух документов, а точно от первого документа только первая страница, а не страницы первого и второго документов перемешались? Не знаю, как правильно делать, но можно попробовать поколдовать со строкой "document.body.appendChild( canvas );", чтобы добавлять страницы каждого документа к своему div, например. Пишите язык программирования - это форум программистов, а не экстрасенсов. (<= это подпись ) Последний раз редактировалось BDA; 25.01.2023 в 06:09.

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Доработка кода программы	Deyner	C# (си шарп)	2	15.04.2018 15:31
Доработка кода	mogo	C# (си шарп)	12	18.02.2014 02:04
Доработка VBA кода	MaxxVer	Microsoft Office Excel	6	19.04.2012 15:38
Доработка кода авторизации	Fastah	БД в Delphi	1	22.03.2011 12:25
Доработка кода авторизации	Fastah	Помощь студентам	7	22.03.2011 11:45

25.01.2023, 07:09	#5
ras82 Новичок Джуниор Регистрация: 24.01.2023 Сообщений: 4	спасибо, про "the-canvas" помогло) по поводу второго документа, вывел два разных дока, от первого вывел первую страницу, второй вывел нормально... к сожалению, не разбираюсь в архитектуре js...

25.01.2023, 08:20	#6
ras82 Новичок Джуниор Регистрация: 24.01.2023 Сообщений: 4	нашел, что метод getDocument() выполняется асинхронно. в этом видимо и проблема, что читаются параллельно оба документа пдф и выводятся, по мере чтения страниц. а можно как то эту асинхронность отключить?