title: Display an image as .tiff or .tif
body: <p>Not how to do this process and consulted but did not reach, if I can help.</p>
  
  <p>probe what went something like this:</p>
  
  <pre><code>    var reader = new FileReader();
  reader.onload = function(event) {
      var dataUri = event.target.result,
          context = document.getElementById("mycanvas").getContext("2d"),
          img     = new Image();
  
      // wait until the image has been fully processed
      img.onload = function() {
          context.drawImage(img, 100, 100);
      };
  img.src = 'url_imagen';
  };
  
  reader.onerror = function(event) {
      console.error("File could not be read! Code " + event.target.error.code);
  };
  
  reader.readAsDataURL(file);
  </code></pre>
  
  <hr>
  
  <p>With all the contributions realize but try and if it works.</p>
  
  <p>Point run to desert, poker images having resolution jpg my delivers the following error:</p>
  
  <p>TIFFReadDirectory: Warning, Unknown field with tag 347 (0x15b) encountered.
  tiff_min.js (línea 103)
  1.tiff: JPEG compression support is not configured.
  tiff_min.js (línea 103)
  1.tiff: Sorry, requested compression method is not configured.
  tiff_min.js (línea 103)
  uncaught exception: [object Object]</p>
  
  <p>The probe code that is this:</p>
  
  <pre><code>Tiff.initialize({TOTAL_MEMORY: 19777216 * 10});
          var xhr = new XMLHttpRequest();
          xhr.responseType = 'arraybuffer';
          xhr.open('GET', url);
          xhr.onload = function (e) {
              var tiff = new Tiff({buffer: xhr.response,height:450});
              var canvas = tiff.toCanvas();
              //canvas.width = 700;
              //canvas.height = 450;
              div.html(canvas);
              msn('Imagen cargada', "Imagen cargada con exito.");
          };
          xhr.send();
  </code></pre>