2017-12-22 5 views
0

私はangle-4が新しく、angle-4アセットディレクトリからファイルサイズ5MBのcsvファイルを読みたいと思います。このファイルをdjangoから読みたくありませんバックエンドサーバーにこのファイルが唯一のデモのグラフを表示することであり、私は、サーバーに5メガバイトの余分な要求を送信する必要がないので、おかげで 現在、私はquestionAngular-4アセットでcsvファイルを読む方法

ファイルの読み取り

private fs = require('fs'); 

readCsvData() { 
    let allText = this.fs.readFileSync('assets/demo-Results.csv', 'utf8'); 
    console.log(allText) 
    // this.extractData(allText); 
} 
このスタックオーバーフローに従ってください

エラー:

ShowDemoResultsComponent.html:17 ERROR TypeError: this.fs.readFileSync is not a function at ShowDemoResultsComponent.webpackJsonp.../../../../../src/app/show-demo-results/show-demo-results.component.ts.ShowDemoResultsComponent.readCsvData (show-demo-results.component.ts:119) at Object.eval [as handleEvent] (ShowDemoResultsComponent.html:17) at handleEvent (core.es5.js:12023) at callWithDebugContext (core.es5.js:13493) at Object.debugHandleEvent [as handleEvent] (core.es5.js:13081) at dispatchEvent (core.es5.js:8615) at core.es5.js:9226 at HTMLButtonElement. (platform-browser.es5.js:2651) at ZoneDelegate.webpackJsonp.../../../../zone.js/dist/zone.js.ZoneDelegate.invokeTask (zone.js:425) at Object.onInvokeTask (core.es5.js:3881)

+0

の可能性のある重複した[角度 - ファイルを読み、その内容を解析](https://stackoverflow.com/questions/47581687 /角度読み込みファイルとその内容を解析する) – Aravind

+0

それはあなたの言及の参考文献で、ファイルアップロードbtnとバインドされたイベントからファイルを読み込みますが、私の場合はファイルがアップロードされませんアップロードbtnによって、私はちょうど資産からファイルを読みたいです。たとえば、 'let fileReader = new FileReader(); fileReader.read( 'filepath'、 'r') 'のようなものです。 –

答えて

0

私は最終的にここ が、私はそれを行ってどのように答えを見つける:

csvUrl = 'assets/demo-Results.csv'; 
readCsvData() { 
     this.http.get(this.csvUrl) 
     .subscribe(
      data => { 
      console.log(data.text()) 
      }, 
      err => { 
      console.log(err) 
      }); 
    } 
関連する問題