파일 읽기에 대한 지식

최근 동료가 js가 로컬 파일을 읽을 수 있는지 물었습니다.

JS가 로컬 파일을 읽는 것에 대한 기사를 본 기억이 나서 직접 데모를 작성했습니다.

ps: 이는 Java의 IO 스트림과 약간 비슷하지만 차이점이 있습니다.

다음은 제가 요약한 몇 가지 단계입니다.

1. 파일 객체 가져오기
var file=document.querySelector('input')
2. 변경 이벤트 설정
file.onchange=function(){
　　 3. 파일 리소스 가져오기
　　 var list=this.files;
　 4. 리더 생성
var reader=new FileReader();
5. 파일 읽기 시작
readAsDataURL() 메서드는 파일 경로를 반환
readAsText() 메서드는 반환 하나의 파일 내용(문자열)
　　　reader.readAsDataURL(list[0]);
　　　파일 읽기가 완료된 후 결과 가져오기
　　　reader.onload=function(){
　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　int in ').src=this.result;
　　　}
}

이벤트에서는 백그라운드에서 console.dir(this)을 볼 수 있습니다. 파일을 읽는 방법에는 두 가지가 있습니다. ①readAsDataURL() 메소드는 파일 경로를 반환합니다. ②readAsText() 메소드는 파일 내용(문자열)을 반환합니다.

위 내용은 파일 읽기에 대한 지식의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!