2 번 파일을 업로드하고 파일을 읽습니다.

Question

로그 파일을 읽고 분석 할 수 있도록 로그 파일이 필요합니다. 예를 들어, 사용자가 파일을 드롭하는 drop area의 somekind는 자바 스크립트로 읽을 수 있습니다.

저는 Angular2 rc5를 사용합니다. node.js가 뒷면을 실행하고 있지만 데이터가 필요 없습니다. 클라이언트 측에서만 필요합니다.

angle2와 javascript처럼 프론트 엔드 기술로 파일 내용을 읽고 파싱 할 수 있습니까? 아니면 서버에 파일을 업로드하고 거기서 분석해야합니까?

Answer 1

가능합니다!

나는 이런 식으로 끝내었다. 파일 대화 상자에서 선택한 모든 파일을 읽습니다. 이것들을 node.js에 보낼 필요는 없습니다. 클라이언트에서 이들을 조작 할 수 있습니다.

<input type='file' accept='text/plain' multiple (change)='openFile($event)'> 

openFile(event) { 
    let input = event.target; 
    for (var index = 0; index < input.files.length; index++) { 
     let reader = new FileReader(); 
     reader.onload =() => { 
      // this 'text' is the content of the file 
      var text = reader.result; 
     } 
     reader.readAsText(input.files[index]); 
    }; 
} 

매우 기본적인 작업의 예입니다.