HTML implementiert eine Online-Dateivorschaufunktion (detaillierte Grafik- und Texterklärung)

烟雨青岚
Freigeben: 2020-06-16 16:53:11
nach vorne
10317 Leute haben es durchsucht

HTML implementiert eine Online-Dateivorschaufunktion (detaillierte Grafik- und Texterklärung)

HTML realisiert Online-Dateivorschaufunktion (detaillierte Grafik- und Texterklärung)

Word+Excel+PDF-Tabelle online Durchsuchen

Verweisen Sie direkt auf die von Microsoft über iframe bereitgestellte Methode

<iframe src=&#39;https://view.officeapps.live.com/op/view.aspx?src=http://storage.xuetangx.com/public_assets/xuetangx/PDF/1.xls&#39; width=&#39;100%&#39; height=&#39;100%&#39; frameborder=&#39;1&#39;>
			</iframe>
Nach dem Login kopieren

Fügen Sie das Erforderliche nach https://view.officeapps.live.com/op/view.aspx hinzu ?src= Vorschau des Inhalts

Hinweis: Links mit Chinesisch müssen URL-codiert sein und das Dokument muss im Internet öffentlich zugänglich sein

Offizielle Nutzungsdokumentation

PDF-Online-Browsing

PDF.js-Download-Adresse

http://jhyt.oss-cn-shanghai.aliyuncs.com/images/ 1531367199089_PDFObject.js

Verwendung

PDF.js-Datei einführen

<script src="./js/PDF/PDFObject.js" type="text/javascript"></script>c
Nach dem Login kopieren

Ein p zur Anzeige erstellen

<p id="example1"></p>
Nach dem Login kopieren

Anforderungen dynamisch hinzufügen über js Angesehene PDF-Adresse

 var options = {
            height: "550px",
            pdfOpenParams: {view: &#39;FitV&#39;, page: &#39;0&#39; },
            name:"mans",
            fallbackLink: "<p>您的浏览器暂不支持此pdf,请下载最新的浏览器</p>"
        };
PDFObject.embed(url, "#example1",options);
Nach dem Login kopieren

Vorschaueffekt

HTML implementiert eine Online-Dateivorschaufunktion (detaillierte Grafik- und Texterklärung)

Vielen Dank fürs Lesen, ich hoffe, Sie werden es tun profitieren sehr.

Dieser Artikel wurde reproduziert von: https://blog.csdn.net/superKM/article/details/81013304

Empfohlenes Tutorial: „HTML-Tutorial

Das obige ist der detaillierte Inhalt vonHTML implementiert eine Online-Dateivorschaufunktion (detaillierte Grafik- und Texterklärung). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:csdn.net
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage