client-side에서 jpeg 파일 metadata(exif정보) 추출하기

지금 간단히 제가 쓰기 위해 만들고 있는 프로그램이 있어서

그거 만들다가 찾은 내용입니다.

html5의 file API를 쓰면 메타데이터가 나오질 않는군요..

다음 사이트에 있는 jpegmeta.js 파일을 import 하시면

jpeg 파일의 메타데이터를 추출할 수 있습니다.

https://github.com/bennoleslie/jsjpegmeta

당연히 File API를 사용해 file을 읽어와야 합니다.

일단 이 포스팅은 저장용으로 급히 쓰는거니까 정리는 추후에...

var reader = new FileReader();

reader.file = files[0];//files는 input form에서 파라미터로 넘어온 데이터입니다

reader.onloadend = function(){

var jpeg = new JpegMeta.JpegFile(this.result, this.file.name);

}

jpeg를 console.log로 찍어보시면 exif 정보를 빼낼 수 있다는 것을 아실 수 있습니다