개발자의 끄적끄적

[javascript/jquery] javascript filereader get filename example / 자바스크립트 filereader 안에서 파일명 가져오는 방법 본문

개발/javascript & jquery

[javascript/jquery] javascript filereader get filename example / 자바스크립트 filereader 안에서 파일명 가져오는 방법

효벨 2021. 12. 18. 02:00
728x90
반응형

[javascript/jquery] javascript filereader get filename example / 자바스크립트 filereader 안에서 파일명 가져오는 방법

 

 

javascript 에서

 

filereader 로 파일을 읽으려고 하다보면

 

정상적으로 파일을 읽어서 로드된 뒤에 해당 파일명을

 

확인해야 하는 경우가 있습니다.

 

그럴때는 아래와 같이

 

reader.fileName 라는 객체에

 

읽어들인 file 이라는 객체안에 있는 name 라는 값을

 

세팅하고 reader.onload 를 실행하고

 

그 안에서 이벤트를 받아 target.fileName 를

 

출력해보면

 

로드되기전 세팅한 파일명 출력이 가능합니다!

 

var reader = new FileReader();
reader.fileName = file.name;
reader.onload = function(e) {
    console.log(e.target.fileName);
};

 

참고들 하세요!

반응형
Comments