javascript - 如何使用 HTML5、javascript 从 exif 中提取缩略图

Question

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

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