如何使用HTML5，javascript从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