Javascript、FileReaderとローカルファイルを読み込むためのXMLHttpRequest？

Question

私はjavascriptとGoogle Chrome Appでローカルファイルを読み込もうとしています（これはChromeでは不可能かもしれません）。しかし、問題の最新のアプローチがわかりません。

私は次のコードでそれを読むことができます：

obj.read = function() { 
    return new Promise(function(resolve){ 
     var xmlhttp = new XMLHttpRequest(); 
     var file_path = 'file_name.xml'; 
     xmlhttp.open('GET', file_path, true); 
     xmlhttp.send(null); 
     xmlhttp.onreadystatechange = function() { 
      if (xmlhttp.readyState == 4 && xmlhttp.status == 200) { 
       let xml = xmlhttp.responseText; 
       var parser = new DOMParser(); 
       var xmlDoc = parser.parseFromString(xml, "text/xml"); 
       console.log(xml); 
       console.log(xmlDoc); 
       resolve(xmlDoc); 
      } 
     } 
    }); 
}; 

しかし、私は（私はハードを抱えている（https://stackoverflow.com/a/24495213/826815からコピー）

var reader = new FileReader(); 
reader.onload = (function(theFile) { 
    return function(e) { 
     console.log(e.target.result); 
    }; 
})(file_path); 

var file_path = 'file_name.xml'; 
var file_parts = [ 
    new Blob(['you construct a file...'],{type: 'text/plain'}), 
    'Same way as you do with blob', 
    new Uint16Array([33]) 
]; 
var file = new File(file_parts, file_path); 
reader.readAsText(file); 

ようなものを使用する必要がありますようにそれがありますこのトピックに関する文献を見つけること）

だから、どうしたらいいですか？

Answer 1

最初のアプローチ（パッケージ内のファイルの場合はXMLHttpRequest）は完全に有効であり、必要なのがファイル全体であれば簡単になる可能性があります。あなたは「第二のアプローチ」と呼んで何

---

は疑問を約ない実際のファイルを読み込み、Fileオブジェクトをインスタンスから持ち上げられます。これにより、既存のファイルを読み込むことはできません。DOMフォームで使用できる「仮想」ファイルを作成するだけです。

HTML FileSystem APIがあります。これはChrome以外には実装されていません。そのようなドキュメントは不十分で、大きな怖い赤い警告が付いています。 は、​​で始まるアプリケーションの状態を読むために実際にそれを使用していますが、これはおそらくあなたの特定のケースでは過剰です。また、そうした例が見つからないでしょう。

私は、App自身のファイルのためのFileSystem APIである獣の眠りを邪魔する唯一の二つの理由を考えることができます：あなたが含まれているどのようなファイルが、実行時には、知らない

1. 。その後、use it to list filesすることができます。まれですが、可能です。
2. "私にすべてのことを教えてください"よりも細かいアクセスが必要です。たとえば、大きなファイルのチャンクが必要な場合などです。

FileSystem APIは、主にChromeでchrome.fileSystem Apps API用に使用されています。 Chromeがしばらくの間Chrome OS上でChromeアプリをサポートする予定であることを考慮すると、非標準であるにもかかわらず、それはそのまま残ります。

存続ドキュメント：

• 上記するHTML5 Rocksの記事：Exploring the FileSystem APIs
• 最終公共規格文書：File API: Directories and System
• File APIの実際の規格文書（あなたの "第二の例は、" によって覆われています） ：File API