파일 읽기에 대한 지식

零下一度
풀어 주다: 2017-07-18 16:15:47
원래의
1582명이 탐색했습니다.

최근 동료가 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!