特定のローカルファイルの読み込み/「インクルード」 - オフライン - JavaScriptを使用

Question

オフラインのクライアント専用アプリケーションを構築しようとしています。 data.txtとread.htmlという2つのファイルが同じディレクトリにあるとします。

ここでは、data.txtの内容をread.htmlで読み込み、DIVで（ユーザーの操作なしで）表示し、<input type="file">など何もありません。

私はこれについて多くの記事を読んでおり、すべてローカルファイルを開くというセキュリティ上の問題のために不可能だと言っています。しかし、私はこれがオフラインのアプリに当てはまるかどうかはわかりません。

var w = window.open("data.txt"); 
var content = w.document.body.textContent; 
mydiv.innerHTML = editForPresentation(content); 
w.close(); 

唯一の問題は、これが.txtファイルのためではなく、例えばのためにのみ動作することである：例えば、私は「ほとんど」私は次のコードで欲しい欲しい達成することができます.xlsxファイルは、ブラウザ（私はEdgeを使用しています）がプレーンテキストとして後者を開かないためです。

これを行う簡単な方法は間違いないでしょうか？

Answer 1

いいえありません。クライアントサイドのJavascriptにはファイルシステムへのアクセス権がありません。期間。最後の。

javacriptを使用する場合は、Node.js（サーバー側のjsライブラリ）またはany other js server-side libraryを使用してサーバーアプリケーションを作成し、必要なもののベースとして使用することができます。次に、あなたのJavaScriptクライアント側でサーバーにアクセスし、必要なファイルを尋ねます。しかし、あなたはアプリケーションの2つの側面を持っている必要があります。サーバーとクライアント。クライアントだけでなく

window.openは、ブラウザウィンドウでリソースを開きます。そのため、それが機能します。新しいページを読み込んでいるようです。ただし、バイナリリソースは読み込まれません。 <script src='something'>を使用してjsファイルをロードすることもできます。ロードされて実行されます。しかし、ロードされたファイルのどれもがファイルシステムにアクセスすることはありません。