Files.app: Start to use PiexLoader in image loader.

ui/file_manager/image_loader/request.js

 // Copyright 2013 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @typedef {{
  *   cache: (boolean|undefined),
  *   priority: (number|undefined),
  *   taskId: number,
  *   timestamp: (number|undefined),
- *   url: string
+ *   url: string,
+ *   orientation: ImageOrientation
  * }}
  */
 var LoadImageRequest;
 
 /**
  * Creates and starts downloading and then resizing of the image. Finally,
  * returns the image using the callback.
  *
  * @param {string} id Request ID.
  * @param {Cache} cache Cache object.
+ * @param {!PiexLoader} piexLoader Piex loader for RAW file.
  * @param {LoadImageRequest} request Request message as a hash array.
  * @param {function(Object)} callback Callback used to send the response.
  * @constructor
  */
-function Request(id, cache, request, callback) {
+function Request(id, cache, piexLoader, request, callback) {
   /**
    * @type {string}
    * @private
    */
   this.id_ = id;
 
   /**
    * @type {Cache}
    * @private
    */
   this.cache_ = cache;
 
   /**
+   * @type {!PiexLoader}
+   * @private
+   */
+  this.piexLoader_ = piexLoader;
+
+  /**
    * @type {LoadImageRequest}
    * @private
    */
   this.request_ = request;
 
   /**
    * @type {function(Object)}
    * @private
    */
   this.sendResponse_ = callback;
@@ skipping 169 matching lines @@
   }.bind(this);
 
   // Download data urls directly since they are not supported by XmlHttpRequest.
   var dataUrlMatches = this.request_.url.match(/^data:([^,;]*)[,;]/);
   if (dataUrlMatches) {
     this.image_.src = this.request_.url;
     this.contentType_ = dataUrlMatches[1];
     return;
   }
 
+  // Load RAW images by using Piex loader instead of XHR.
+  if (FileType.getTypeForName(this.request_.url).type === 'raw') {
+    this.piexLoader_.load(this.request_.url).then(function(data) {
+      var blob = new Blob([data.thumbnail], {type: 'image/jpeg'});
+      var url = URL.createObjectURL(blob);
+      this.image_.src = url;
+      this.request_.orientation = data.orientation;
+    }.bind(this), function(error) {
+      console.error('PiexLoaderError: ', error);
+      onFailure();
+    });
+    return;
+  }
+
   // Fetch the image via authorized XHR and parse it.
   var parseImage = function(contentType, blob) {
     if (contentType)
       this.contentType_ = contentType;
-
     this.image_.src = URL.createObjectURL(blob);
   }.bind(this);
 
   // Request raw data via XHR.
   this.xhr_.load(this.request_.url, parseImage, onFailure);
 };
 
 /**
  * Creates a XmlHttpRequest wrapper with injected OAuth2 authentication headers.
  * @constructor
@@ skipping 258 matching lines @@
   this.image_.src = 'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAA' +
       'ABAAEAAAICTAEAOw==';
 
   this.xhr_.onload = function() {};
   this.xhr_.abort();
 
   // Dispose memory allocated by Canvas.
   this.canvas_.width = 0;
   this.canvas_.height = 0;
 };