如何使用HTML5從exif中提取縮略圖，javascript

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