Comment afficher le fichier pdf en HTML

J’ai un fichier PDF généré automatiquement par itext et je dois afficher ce fichier PDF en HTML. Ma question est la suivante: Comment afficher un fichier PDF local en HTML en utilisant pdf.js ? Ce fichier PDF devrait-il être généré par certaines normes?

L’implémentation d’un fichier PDF dans votre page Web HTML est très simple.

 

Assurez-vous de changer la largeur et la hauteur pour vos besoins. Bonne chance!

Si vous voulez utiliser pdf.js, je vous suggère de lire

Vous pouvez également télécharger votre pdf quelque part (comme Google Drive) et utiliser son URL dans un iframe.

ou

  test.pdf  

J’utilise le visualiseur PDF intégrable de Google Documents. Les documents ne doivent pas nécessairement être téléchargés sur Google Docs, mais ils doivent être disponibles en ligne.

  

Dans la page HTML pour PC est facile à mettre en œuvre

  

mais pdf show in mobile par ce code n’est pas possible, vous devez avoir besoin d’un plugin

si vous n’avez pas répondu à votre site. Ensuite, le code pdf ci-dessus ne s’affiche pas dans le mobile, mais vous pouvez mettre l’option de téléchargement après le code

  download 

vous pouvez afficher facilement dans une page HTML comme ça

  

J’ai eu quelque chose de similaire avant et utilisé normalement tags

 click here 

mais c’est intéressant de trouver d’autres moyens comme ci-dessus!

Portable Document Format ( PDF ).

  • Any Browser «Utilisez _Embeddable Google Document Viewer pour intégrer le fichier PDF dans iframe .

      
  • Uniquement pour le navigateur Chrome «Visionneuse PDF Chrome utilisant un plugin. pluginspage=http://www.adobe.com/products/acrobat/readstep2.html .

      

Exemple Sippet:

    

An image is an artifact that depicts visual perception

Streaming an Image form Response Stream (binary data) « This buffers the output in smaller chunks of data rather than sending the entire image as a single block. StreamToBrowser

Red dot

Streaming an Image form Base64 Ssortingng « embedding images directly into your HTML. Data URI scheme , Convert Your Image to Base64

data:[<media type>][;base64],<data>

Video courtesy of Big Buck Bunny.

Portable Document Format (PDF).

Embeddable Google Document Viewer. Here's the code I used to embed the PDF file:

 <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> 

En utilisant Javascript, il est possible d’afficher un fichier PDF en HTML via la bibliothèque PDF.JS de Mozilla. Voir ici pour une démo .

Il existe également un plug-in Javascript PDF Viewer pour intégrer des fichiers PDF. Voici une démo . (le plugin n’est pas gratuit)

Option OneDrive:

J’ai essayé d’utiliser OneDrive et je l’ai mieux aimé car il affiche diverses options, y compris ouvrir dans un nouvel onglet et un curseur de la page est actuellement active et une option à ouvrir dans une nouvelle fenêtre.

Tout ce que vous avez à faire est de:

  1. Téléchargez votre fichier sur un compte OneDrive
  2. Sélectionnez le fichier et cliquez sur “Intégrer”
  3. Copiez le code et vous êtes prêt à partir!

La visualisation du fichier OneDrive ne nécessite pas non plus que les utilisateurs se connectent à OneDrive et le lecteur est très réactif.

  

Si vous voulez, vous pouvez utiliser viewer.js pour le visualiseur pdf, c’est la meilleure option si vous ouvrez un fichier existant sur votre hôte, sinon vous devez télécharger ce fichier jusqu’à maintenant, je n’ai pas eu la possibilité de montrer le fichier sous forme binary dans la fenêtre web