2016-03-30 19 views
0

Pdf yanı sıra görüntü olabilir menüler görüntülemek istiyorum. Bunun için ng-pdfviewer kullanıyorum. Benim denetleyicisi koduangularjs pdf görüntüleyemez pdf görüntüleyici

venueApp.controller('venueController',['$scope',PDFViewerService',function($scope,pdf){ 
    $scope.viewer = pdf.Instance("viewer"); 
    $scope.pageLoaded = function(curPage, totalPages) { 
    $scope.currentPage = curPage; 
    $scope.totalPages = totalPages; 
    }; 
    $scope.nextPage = function() { 
    $scope.viewer.nextPage(); 
    }; 

    $scope.prevPage = function() { 
     $scope.viewer.prevPage(); 
    }; 
}]); 

:: ve benim html kodu :: ben üzere yapılandırılmış çünkü ifade değerlendirmesi için {[]} kullanıyorum

<a id="image_{[ menu.id ]}" ng-if="menu.filename.indexOf('.pdf') > -1"> 
    <button ng-click="prevPage()">&lt;</button> 
    <button ng-click="nextPage()">&gt;</button> 
    <br> 
    <span>{[currentPage]}/{[totalPages]}</span> 
    <br> 
    <pdfviewer src="{[menu.menu_url]}" on-page-load='pageLoaded(page,total)' id="viewer"></pdfviewer> 
</a> 

. Şimdi benim konsolunda, eklenti i

src niteliği değişti bu eklenti tarafından konsolda basılmıştır

tahmin doğru mesajlar çıktısı, yeni değer https://d1hpn7r5i0azx7.cloudfront.net/uploads/menu/18/ankush.pdf

loadPDF https://d1hpn7r5i0azx7.cloudfront.net/uploads/menu/18/ankush.pdf

Uyarı geçerli: Kullanımdan kaldırılmış API kullanımı: getDocument, pdfDataRangeTransport, passwordCallback veya progressCallback argümanı ile çağrılır - pdf.js ile yazdırılır.

Ancak pdf boyanmıyor. PADF izleyici etiketi için My DOM öğesi :: Sorunun ne olduğunu anlamıyorum

<pdfviewer src="https://d1hpn7r5i0azx7.cloudfront.net/uploads/menu/18/ankush.pdf" on-page-load="pageLoaded(page,total)" id="viewer" class="ng-isolate-scope"><canvas></canvas></pdfviewer> 

olduğunu. Belki de pdf dosyası olarak görüntülemez, krom da görüntülemez. Numune pdf bağlantı

https://d1hpn7r5i0azx7.cloudfront.net/uploads/menu/18/ankush.pdf

Ayrıca ben ciddiye onunla bir şey yapmak zorunda düşünüyorum çünkü github eklenti sayfasında göndermeden sadece bu soru göndermeden SO yerine am :: olduğunu yerine pdf dosyası eklentisi. Benim CV değil

P.S., sadece bizim şirkette başvuranların havuzundan birini aldı: P

cevap

2

Ben açısal ile çevrimdışı pdf http://viewerjs.org/ kullandık. Ama burada online pdf yolunuz var gibi görünüyor. Peki neden Google doküman görüntüleyicisini denemiyorsunuz? Çevrimiçi belgeler için en iyisidir.

Lütfen aşağıdaki bağlantıya bakın: https://docs.google.com/gview?url=http://infolab.stanford.edu/pub/papers/google.pdf Yolunuzla birlikte url parametresini değiştirmeniz gerekir.

Ayrıca aşağıdaki şekilde iframe ile web sitenize bu bağlantıyı kullanabilirsiniz: benim için çalışıyor,

<iframe src="http://docs.google.com/gview?url=http://infolab.stanford.edu/pub/papers/google.pdf&embedded=true" style="width:600px; height:500px;" frameborder="0"></iframe> 
+0

Teşekkür .. Şimdi ben sadece “X-Frame-Options tarafından yasaklanmış Display” Üstesinden uğraşmak zorunda, benim clodfront'ımda ayarlamam gerekenleri tahmin etmeliyim, – Aakash

+0

google doc görüntüleyici bant genişliği sınırlarının farkında olmalısınız, bkz. https://support.google.com/a/answer/1071518?hl=tr – async5

+0

Belirteceğiniz için teşekkürler. gereksinime bağlıdır ve aynı zamanda viwerjs alternatif çözüm var. –

İlgili konular