Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Memaparkan Dokumen Word dalam Pelayar Web Menggunakan JavaScript?

Bagaimanakah Saya Boleh Memaparkan Dokumen Word dalam Pelayar Web Menggunakan JavaScript?

Linda Hamiltonasal: 2024-12-02 06:51:10474semak imbas

How Can I Display Word Documents in a Web Browser Using JavaScript?

Memaparkan Dokumen Word dalam Pelayar Menggunakan JavaScript

Memaparkan dokumen Word (.doc, .docx) terus dalam penyemak imbas adalah cabaran biasa , kerana tiada penyemak imbas pada masa ini menyokong asli rendering.

Penyelesaian

Malangnya, tiada perpustakaan JavaScript tersedia yang boleh memaparkan dokumen Word secara langsung. Walau bagaimanapun, jika keperluan anda hanya untuk memaparkan dokumen tanpa menyunting, anda boleh mengambil pendekatan berikut:

Google Documents Viewer:

Anda boleh membenamkan Google Document viewer menggunakan untuk memaparkan dokumen Word jauh. URL hendaklah mengandungi parameter "embedded=true".</p> <p><strong>Microsoft Office 365 Viewer:</strong></p> <p>Microsoft menawarkan pemapar yang boleh dibenamkan menggunakan <iframe>. Ambil perhatian bahawa kaedah ini memuat naik dokumen anda ke pelayan pihak ketiga.</p> <p><strong>Simpan Semula sebagai PDF:</strong></p> <p>Untuk sokongan asli dalam kebanyakan penyemak imbas, anda boleh menyimpan semula dokumen Word sebagai fail PDF. PDF.js daripada Mozilla boleh digunakan untuk memaparkan PDF.</p> <p><strong>Pertimbangan Tambahan:</strong></p> <ul> <li>Jika anda memilih untuk membenamkan pemapar Microsoft Office 365, ambil perhatian bahawa ia memuat naik dokumen anda ke pelayan pihak ketiga.</li> <li>Kedua-dua Google Docs Viewer dan Microsoft Office Viewer memerlukan sambungan Internet untuk berfungsi.</li> </ul> <p><strong>Contoh Langsung:</strong></p> <ul> <li>[Google Docs Viewer](https://jsfiddle.net/d06y47ke /)</li> <li>[Microsoft Office Viewer](https://view.officeapps.live.com/op/embed.aspx?src=http://remote.url.tld/path/to/document.doc)</li> </ul><p>Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Memaparkan Dokumen Word dalam Pelayar Web Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!</p></div><div class="nphpQianMsg"><a href="javascript:void(0);">JavaScript</a> <a href="javascript:void(0);">if</a> <a href="javascript:void(0);">for</a> <a href="javascript:void(0);">include</a> <a href="javascript:void(0);">require</a> <a href="javascript:void(0);">using</a> <a href="javascript:void(0);">JS</a> <a href="javascript:void(0);">function</a> <a href="javascript:void(0);">this</a> <a href="javascript:void(0);">display</a> <a href="javascript:void(0);">http</a> <a href="javascript:void(0);">https</a> <a href="javascript:void(0);">microsoft</a> <a href="javascript:void(0);">word</a> <a href="javascript:void(0);">iframe</a><div class="clear"></div></div><div class="nphpQianSheng"><span>Kenyataan：</span><div>Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn</div></div></div><div class="nphpSytBox"><span>Artikel sebelumnya：<a class="dBlack" title="Kaedah Definisi Kelas JavaScript Yang Harus Anda Pilih?" href="https://m.php.cn/ms/faq/1796704037.html">Kaedah Definisi Kelas JavaScript Yang Harus Anda Pilih?</a></span><span>Artikel seterusnya：<a class="dBlack" title="Kaedah Definisi Kelas JavaScript Yang Harus Anda Pilih?" href="https://m.php.cn/ms/faq/1796704046.html">Kaedah Definisi Kelas JavaScript Yang Harus Anda Pilih?</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>Artikel berkaitan</h2><em><a href="https://m.php.cn/ms/article.html" class="bBlack"><i>Lihat lagi</i><b></b></a></em><div class="clear"></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="fluid" data-ad-layout-key="-6t+ed+2i-1n-4w" data-ad-client="ca-pub-5902227090019525" data-ad-slot="8966999616"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><ul class="nphpXgwzList"><li><b></b><a href="https://m.php.cn/ms/faq/1609.html" title="Analisis mendalam bagi komponen kumpulan senarai Bootstrap" class="aBlack">Analisis mendalam bagi komponen kumpulan senarai Bootstrap</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/1640.html" title="Penjelasan terperinci tentang fungsi JavaScript kari" class="aBlack">Penjelasan terperinci tentang fungsi JavaScript kari</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/1949.html" title="Contoh lengkap penjanaan kata laluan JS dan pengesanan kekuatan (dengan muat turun kod sumber demo)" class="aBlack">Contoh lengkap penjanaan kata laluan JS dan pengesanan kekuatan (dengan muat turun kod sumber demo)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/2248.html" title="Angularjs menyepadukan UI WeChat (weui)" class="aBlack">Angularjs menyepadukan UI WeChat (weui)</a><div class="clear"></div></li><li><b></b><a href="https://m.php.cn/ms/faq/2351.html" title="Cara cepat bertukar antara Cina Tradisional dan Cina Ringkas dengan JavaScript dan helah untuk tapak web menyokong pertukaran antara kemahiran_javascript Cina Ringkas dan Tradisional" class="aBlack">Cara cepat bertukar antara Cina Tradisional dan Cina Ringkas dengan JavaScript dan helah untuk tapak web menyokong pertukaran antara kemahiran_javascript Cina Ringkas dan Tradisional</a><div class="clear"></div></li></ul></div></div><ins class="adsbygoogle" style="display:block" data-ad-format="autorelaxed" data-ad-client="ca-pub-5902227090019525" data-ad-slot="5027754603"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script><footer><div class="footer"><div class="footertop"><img src="/static/imghwm/logo.png" alt=""><p>Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！</p></div><div class="footermid"><a href="https://m.php.cn/ms/about/us.html">Tentang kita</a><a href="https://m.php.cn/ms/about/disclaimer.html">Penafian</a><a href="https://m.php.cn/ms/update/article_0_1.html">Sitemap</a></div><div class="footerbottom"><p> © php.cn All rights reserved </p></div></div></footer><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>