최근 동료가 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;
}
}
위 내용은 파일 읽기에 대한 지식의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!