HTML5, 자바 스크립트를 사용하여 exif에서 축소판을 추출하는 방법

Question

html5를 사용하여 drag'n'drop을 구현하려고합니다. 그래서 서버에 업로드하기 전에 내가 떨어 뜨린 이미지의 축소판을 표시하고 싶습니다. 이것을하기위한 접근 방식은 무엇이되어야 하는가?

Answer 1

EXIF에서 가져온 미리보기 이미지의 경우 브라우저에서 실행하기 위해 JavaScript로 EXIF ​​라이브러리를 가지고 있거나 작성하지 않은 한 가능하지 않다고 생각합니다. 해당 브라우저 지원이 지금 매우 좋지 않다

document.querySelector('#fileInputForImage').addEventListener('change', function() { 
     if (this.files && this.files[0]) { 
      var reader = new FileReader(); 
      reader.onload = function(e) { 
       document.querySelector('#previewImage').src = e.target.result; 
      }; 
      reader.readAsDataURL(this.files[0]); 
     } 
    }, false); 

참고 : 당신은 그냥 썸네일을해야하는 경우, 그것은 훨씬 더 쉽게 http://caniuse.com/filereader