如何使用HTML5和javascript从exif中提取thumbail

如何使用HTML5和javascript从exif中提取thumbail,javascript,jquery,html,exif,Javascript,Jquery,Html,Exif,我正在尝试使用html5实现拖放。所以,在上传到服务器之前,我想显示删除图像的缩略图。应该采用什么方法来实现这一点?对于EXIF的缩略图,我认为这是不可能的,除非您已经用JavaScript编写了一个EXIF库,以便在浏览器上运行。但是,如果您只需要缩略图,则更容易: document.querySelector('#fileInputForImage').addEventListener('change', function() { if (this.files &&

我正在尝试使用html5实现拖放。所以,在上传到服务器之前,我想显示删除图像的缩略图。应该采用什么方法来实现这一点?

对于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);

请注意,现在对浏览器的支持不是很好:

我现在就是这样做的。i、 加载然后调整大小,但对于大图像,我需要等待整个图像加载。这就是我试图从exif获取缩略图的原因。在其中一个博客上,我读到我们甚至可以在图像加载之前显示被删除图像的缩略图!!