javascript - HTML5、javascriptを使用してexifからthumbailを抽出する方法

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