ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript を使用して Web ブラウザで Word 文書 (.doc、.docx) を表示するにはどうすればよいですか?

JavaScript を使用して Web ブラウザで Word 文書 (.doc、.docx) を表示するにはどうすればよいですか?

Barbara Streisand
Barbara Streisandオリジナル
2024-12-02 05:17:11146ブラウズ

How Can I Display Word Documents (.doc, .docx) in a Web Browser Using JavaScript?

JavaScript を使用してブラウザに Word 文書 (.doc、.docx) を表示する

質問:

どうすればよいですか「開く/保存」をトリガーする代わりに、JavaScript を利用して Web ブラウザ内で Word ドキュメント (.doc、.docx) をレンダリングします。ダイアログ?

答え:

現在、Word ドキュメントをネイティブに表示するために必要なコードを備えたブラウザはありません。さらに、このタスク専用に調整された既知のクライアント側ライブラリはありません。

ただし、編集機能を必要とせずに Word ドキュメントを表示することのみが目的の場合は、Google ドキュメントのビューアを利用することが可能です。 iframe 要素。このアプローチにより、ドキュメントのリモート ホスティングが可能になります。

<iframe src="https://docs.google.com/gview?url=http://remote.url.tld/path/to/document.doc&amp;embedded=true"></iframe>

あるいは、ブラウザ間での互換性を高めるために、.doc/.docx ファイルを PDF に変換し、Mozilla が開発した PDF.js ライブラリを使用することをお勧めします。レンダリング用。

追加考慮事項:

  1. Microsoft Office 365 ビューア: cubeguerrero が提案しているように、Microsoft Office 365 は iframe ベースのビューアを提供します。
<iframe src='https://view.officeapps.live.com/op/embed.aspx?src=http://remote.url.tld/path/to/document.doc' width='1366px' height='623px' frameborder='0'></iframe>
  1. プライバシー懸念事項: サードパーティのビューアを使用するには、ドキュメントを外部サーバーにアップロードする必要があります。これは状況によっては受け入れられない場合があります。

実際の例:

  • Google Docs Viewer
  • Microsoft Office Viewer

以上がJavaScript を使用して Web ブラウザで Word 文書 (.doc、.docx) を表示するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。