Jak uzyskać wysokość załadowania dokumentu PDF w iframe?

Question

Czy istnieje sposób uzyskania rzeczywistej wysokości treści PDF załadowanej w ramce iframe?

Mam problem z przewijaniem treści PDF w urządzeniu iPAD? Mogę uzyskać wysokość zawartości treści, aby przewinąć pomyślnie, ale tylko dla stron HTML.

this.contentWindow.document.body.scrollHeight 

ale dla pliku PDF nie zwraca dokładnej wysokości dokumentu PDF? Czy jest jakiś sposób, aby to uzyskać?

Dzięki

Peter

Answer 1

Czy view=fit pdf pracę opcji przeglądarka, co staramy się osiągnąć (Set auto height for iframe):

<iframe src="Path/MyPDF.pdf#view=fit"></iframe> 

Również w tym ustawieniu wysokości na auto przed próbą rozwiązania uzyskać wysokość (https://stackoverflow.com/a/11864824/1803682):

objIframe = document.getElementById('theIframeId');  
objIframe.style.height = 'auto'; 

document.body.scrollHeight 

Wreszcie - na blogu można przeczytać: http://dev.magnolia-cms.com/blog/2012/05/strategies-for-the-iframe-on-the-ipad-problem/ i iScroll4.

Answer 2

Można to rozwiązać za pomocą JQuery.

Pozwala nam zakładać, że masz iframe następująco z identyfikatorem

<iframe src="name.pdf" id="pdf_frame"></iframe> 

teraz za pomocą jQuery możemy uczynić wysokość iframe jako auto, ile trzeba, aby wyświetlić pdf wewnątrz iframe.

$('#pdf_frame').css('height','auto'); 

można uzyskać wysokość jak

document.body.scrollHeight 

Answer 3

Odpowiedź jest nr (niestety).

Ponieważ na poziomie elementu, PDF object/embed s auto nie rosną do podjęcia większej wysokości, jeżeli dokument pokazany potrzebuje, więc ich prawdziwą wysokość nie jest narażona na DOM.

Nawet jeśli zadzwonisz PDF bezpośrednio, określając go jako źródło w iframe zobaczysz, że iframe ma układ DOM jak każdy inny stronie z object lub embed z pdf w body tak.

Wewnątrz tego elementu "PDF" znajduje się odpowiednie terytorium wtyczki PDF i nie można uzyskać do niego dostępu pod numerem javascript. Może istnieć jakaś wtyczka przeglądarki lub przeglądarki, która pozwoli ci na interakcję z nią, ale nie słyszałam o niej.

Answer 4

Testowałem to na moim iPadzie i działa, może to może być dobre dla ciebie też. Istnieje projekt HTML5 js autorstwa mozilla, który renderuje plik pdf i wyświetla je, a także można uzyskać widok strony w pliku pdf. https://mozillalabs.com/en-US/pdfjs/ https://github.com/mozilla/pdf.js/blob/master/examples/helloworld/hello.js

PDFJS.getDocument('helloworld.pdf').then(function(pdf) { 
    // Using promise to fetch the page 
    pdf.getPage(1).then(function(page) { 
    var scale = 1.5; 
    var viewport = page.getViewport(scale); 

    // 
    // Prepare canvas using PDF page dimensions 
    // 
    var canvas = document.getElementById('the-canvas'); 
    var context = canvas.getContext('2d'); 
    canvas.height = viewport.height; 
    canvas.width = viewport.width; 

    // 
    // Render PDF page into canvas context 
    // 
    var renderContext = { 
     canvasContext: context, 
     viewport: viewport 
    }; 
    page.render(renderContext); 
    }); 
}); 

Answer 5

Peter, nie ma sposobu, można uzyskać wysokość PDF w iFrame na iOS Safari, ponieważ nie ma Adobe Reader safari dostępne dla urządzeń przenośnych firmy Apple wtyczki. Możesz użyć HTML 5-Canvas do renderowania PDF i bibliotek po stronie klienta open source, takich jak pdfjs ... etc ...

Bez tego jedynym sposobem, w jaki możesz uzyskać wysokość [lub szerokość] od serwera, użyj iTextSharp. dll rodzaj komponentu i uzyskać wysokość/szerokość strony pdf, które później można pomnożyć przez liczbę stron, to wszystko, co możesz zrobić łatwo po stronie serwera. Wykorzystaj pobraną wysokość/szerokość, aby nadać styl iFrame, a następnie nadaj mu atrybut atrybutu PDF atrybutu iFrame. iFrame się rozciągnie, a otrzymasz efekt przewijania.

LUB

Jeśli masz jakieś narzędzie lub składnik, który może konwertować pliki PDF do obrazu, a następnie po prostu rzucać obrazy z serwera na HTML, z javascript można mieć kontrolę nad coraz atrybutów. Mamy MS-SSRS dla potrzeb raportowania, dla niewielkiej części aplikacji dostępnej na iPadzie otrzymujemy obrazy z MS-SSRS zamiast PDF. Powodem, dla którego przyjęliśmy tę opcję, jest to, że jeśli liczba stron wzrośnie, wówczas struktura po stronie klienta, jak PDF-JS, zginie, aby renderować na płótnie.

Masz różne opcje obsługi formatu PDF na iPadzie.