title: Angularjs Code to display Pdf file in google chrome is not working but working for firefox
body: <p>Below code to display Pdf file in google chrome is not working but working in firefox.</p>
  
  <p>HTML View</p>
  
  <pre><code>&lt;div&gt;
      &lt;object ng-bind="pdfcontent" data="{{pdfcontent}}" type="application/pdf" width="100%" height="800px"&gt;
      &lt;/object&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Angularjs Code</p>
  
  <pre><code>$http.get('/myurl/', {responseType: 'arraybuffer'})
      .success(function (data) {
      var file = new Blob([data], {type: 'application/pdf'});
      var fileURL = URL.createObjectURL(file);
      $scope.pdfcontent = $sce.trustAsResourceUrl(fileURL);
  });
  </code></pre>
  
  <p>I am getting below two errors</p>
  
  <blockquote>
    <p>firebug-lite.js:18877 Uncaught InvalidStateError: Failed to read the
    'responseText' property from 'XMLHttpRequest': The value is only
    accessible if the object's 'responseType' is '' or 'text' (was
    'arraybuffer').(anonymous function) @ firebug-lite.js:18877</p>
    
    <p>jquery.js:2812 GET <a href="http://abc123.com/%7B%7Bpdfcontent%7D%7D" rel="nofollow">http://abc123.com/%7B%7Bpdfcontent%7D%7D</a> 404 (Not
    Found)</p>
  </blockquote>
  
  <p>What is wrong in my code, how to to fix this, any help is appreciated.
  Thanks.</p>