angularjs – 使用$http访问原始XHR对象

uploadFile(file,progressHandler) {
  var xhr = new XMLhttprequest(),deferred = $q.defer();

  xhr.open("POST","your/path",truE); // method,url,async
  xhr.setrequestHeader("Content-Type",file.type || "application/octet-stream");
  xhr.onreadystatechange = function (E) {
    if (xhr.readyState == 4) {
      $rootScope.$apply(function () {
        // Construct a response object SIMILAR TO a regular $http call
        //
        // data – {String|Object} – The response body transformed with the transform functions.
        // status – {number} – http status code of the response.
        // headers – {function([headerName])} – Header getter function.
        // config – {Object} – The configuration object that was used to generate the request.
        var r = {
          data: xhr.response,status: xhr.status,headers: xhr.getResponseHeader,config: {}
        };
        if (r.status == 200) {
          deferred.resolve(r);
        } else {
          deferred.reject(r);
        }
      });
    }
  };
  if (progressHandler && xhr.upload) {
    xhr.uplo@R_607_10198@ddEventListener('progress',function(E) {
      progressHandler((e.loaded / e.@R_379_10586@l),E);
    },falsE);
  }
  // This is only available in XHR2,provide multipart fallBACk
  // if necessary
  xhr.send(filE);

  return deferred.promise;
}