2017-11-30 10 views
0

Ich muss sowohl PDF-Dateien als auch Bilder in meine HTML-Seite einbetten, da mein HTML ein Formular enthält und der Benutzer entscheiden kann, ob er möchte Um eine PDF-Datei oder ein Bild hochzuladen, brauche ich eine flexible Lösung, wie man entweder eine PDF-Datei oder ein Bild mit demselben Code einbetten kann. Ich lese, dass ich möglicherweise das <object/> Tag verwenden könnte, aber ich lese auch, dass das nicht eine sehr "elegante" und möglicherweise langsame Lösung ist. Ich überlegte auch, <embed/> zu verwenden, was, im Moment, die beste Lösung ist, die ich mir vorstellen konnte. Leider konnte ich nicht herausfinden, ob es eine sehr konventionelle Lösung ist oder nicht.PDF und Bilder in HTML einbetten

Ich kann nicht scheinen, online sehr viele Ressourcen zu diesem Thema zu finden, weshalb ich hier frage. Gibt es andere/bessere Möglichkeiten, eine PDF- oder Bilddatei in eine HTML-Seite einzubetten?

Edit: Ich möchte top die pdf-Art von wie eine Datei anzeigen. Außerdem möchte ich nicht, dass der Benutzer in der Lage ist, die Größe der PDF im Viewer zu ändern.

Antwort

1

Ich bin mir sicher, dass dies besser für einen Kommentar geeignet ist, aber ich bin neu und arbeite daran, diese Funktion zu entsperren.

... aber aufgrund der Tatsache, dass mein html ein Formular enthält und der Benutzer hat die Lage sein zu entscheiden, ob er eine PDF-Datei oder ein Bild hochladen möchte ...

Was verwenden Sie für das Formular (Abfragesprache & Datenbankverwaltung)?

(PHP, Django, MySQL, MongoDB, etc)

Gibt es andere/bessere Möglichkeiten, eine pdf- oder Bild-Datei in einer HTML-Seite einzubetten?

Ich würde embed oder iframes empfehlen. Sie haben Recht damit, dass das Objekt-Tag keine elegante Lösung ist, da Sie mit Bildern arbeiten.

Edit: Ich möchte top die pdf-Art von wie eine Datei anzeigen. Auch ich nicht der Benutzer die pdf im Viewer in der Lage sein wollen

Einfach, um die Größe mit iframes zu tun. Es gibt eine Menge Hass, wenn es um Iframes geht. Wie Sie scheinen, es als ein Werkzeug zu verwenden, um eine Datei innerhalb einer Seite anzuzeigen, dann glaube ich, dass die Verwendung eines iframe hier in Ordnung ist.

Check out this link on iframes. (will also tell you how to keep the user from resizing it)

+0

Vielen Dank für Ihre Antwort! Ich benutze PHP für das Formular und in Anbetracht dessen, was Sie geschrieben haben, werde ich wahrscheinlich mit Embed gehen, aber ich werde versuchen, beide und die, die am besten funktioniert! –

+0

(hoffe, das ist nicht vom Thema, aber es bezieht sich auf Ihre Antwort imo) und keiner von ihnen scheint perfekt. Ich kann die Größe des Bildes im iframe nicht ändern und erhalte immer wieder Fehlermeldungen, dass die Ressource versucht hat, ein Dokument zu laden, aber ein Bild/JPEG übertragen hat. Andererseits kann ich keine Vorschau von Bildern anzeigen, wenn ich embed (Aus irgendeinem Grund jedoch, wenn ich ein neues Embed-Tag mit js für die Vorschau zu erstellen, funktioniert es irgendwie, aber es ist keine gute Lösung). Also kann ich nichts anderes versuchen? –

+0

Wenn Sie iframes verwenden, würde ich empfehlen, die Datei oder das Bild-Tag auf einer eigenen Seite zu platzieren (Hier würden Sie den Stil festlegen). Dann passiere den Pfad durch die URL. Beispiel: Angenommen, Sie haben eine Seite namens display_file.php erstellt. Ihr iframe-Tag würde etwa so aussehen: ' In der Datei 'display_file.php' haben Sie '";?> ' – lanadeltaco