Affichez simplement un fichier PDF local dans votre application Web React
P粉653045807
P粉653045807 2024-02-25 14:56:23
0
2
436

Je crée moi-même un site Web de portfolio en tant qu'application Web React. J'aimerais avoir une page de CV sur le site Web qui affiche uniquement mon CV. Lorsque j'ai initialement créé la version HTML du site, j'ai pu utiliser des iframes pour y parvenir.

Lorsque j'essaie cela dans React, l'iframe affiche une copie de la page actuellement affichée au lieu de mon pdf. Existe-t-il un moyen simple d'afficher un PDF enregistré localement dans une application Web ?

P粉653045807
P粉653045807

répondre à tous(2)
P粉007288593

Vous pouvez utiliser la balise <embed> intégrée en HTML.

Par exemple, le format suivant affiche un document pdf au chemin donné avec une largeur de 150 % et une largeur de 650 pixels.

Vous pouvez ajuster la largeur et la hauteur selon vos besoins.

P粉356128676

N'importe quel navigateur « Intégrez des fichiers PDF dans des iframes à l'aide de _Embeddable Google Document Viewer.

Je ne suis pas sûr de ce que vous entendez par "afficher une copie de la page actuellement affichée" Vous pouvez fournir plus d'informations via des captures d'écran. Vous pouvez également utiliser le pdf de googleDocs au lieu de stocker le pdf dans votre projet.
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal