개발자의 끄적끄적

[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...

[javascript/jquery] filereader 로 업로드된 이미지 가로/세로 구하기 javascript 이미지 업로드시 filereader 를 이용하여 이미지 객체에 대한 정보를 뽑거나, width / height 정보를 뽑아내야 할때가 있습니다! 그럴때 사용하면 되는 샘플 공유해봅니다. 아래처럼 일단 filereader 객체로 뽑은 이미지를 담아놓을 보이지 않는 img 태그를 하나 생성합니다. 그리고는 파일 업로드 input 에 onchange 를 선언하고, 파일이 선택 될시에 동작하는 함수를 아래처럼 만들어 줍니다. function get_img_size() { var reader = new FileReader(); reader.onload = function (e) { $tmp_img = ..