title: Angular URL 'trustAsResourceUrl' not working
body: <p>I'm using <a href="https://github.com/nervgh/angular-file-upload" rel="nofollow">angular-file-upload.js</a> and uploading an image. When the upload is successful, it returns a URL to where the image is hosted, which is hosted as a blob on Azure. 
  The upload is successful, and the URL is returned correctly, however when I push this URL on an "images" stack to view this image in the browser, it won't work properly. For example, the URL I get back looks like this: </p>
  
  <pre><code>"https://searlesmedia.blob.core.windows.net/event-images/4_slide-archive.jpg"
  </code></pre>
  
  <p><strong>Controller.js</strong></p>
  
  <pre><code>uploader.onSuccessItem = function (fileItem, response, status, headers) {
      console.info('onSuccessItem', fileItem, response, status, headers);
      $scope.uploadcomplete = "Upload Successful";
      var url = $sce.trustAsResourceUrl(response);
      $scope.images.push(url);
  };
  </code></pre>
  
  <p><strong>Html</strong></p>
  
  <pre><code>&lt;div class="row" data-ng-repeat="image in images"&gt;
      &lt;img ng-src="{{image}}" class="img-responsive" /&gt;
  &lt;/div&gt;
  </code></pre>