title: "Access is Denied" when embedding file from blob URL in IE
body: <p>I have a web service that is sending the client a file as an arraybuffer which is then read into a blob object:</p>
  
  <pre><code>$scope.contentType = response.headers["content-type"];
  $scope.file = new Blob([response.data], { type: $scope.contentType });
  $scope.fileUrl = URL.createObjectURL($scope.file);
  $scope.content = $sce.trustAsResourceUrl($scope.fileUrl);
  </code></pre>
  
  <p>I am using an object tag as the container:</p>
  
  <pre><code>&lt;object id="documentContainer" ng-show="loaded" ng-attr-type="{{contentType}}" ng-attr-data="{{content}}" class="document-container"&gt;&lt;/object&gt;
  </code></pre>
  
  <p>This works great in FF, chrome, mobile browsers, web browsers developed by alien species who have never had contact with humanity, etc., but not in IE.</p>
  
  <p>When the data parameter of the object tag is set, IE responds in the console with </p>
  
  <blockquote>
    <p>Error: Access is denied.</p>
  </blockquote>
  
  <p>This seems to be some sort of security feature in IE where it doesn't want to use the file as a source because it resides on the client machine.  It prohibits access even if you use javascript to create a brand new dom element with the data source set.  </p>
  
  <p>Microsoft provides their own blob methods like <a href="https://msdn.microsoft.com/en-us/library/hh772332(v=vs.85).aspx">msSaveOrOpenBlob</a>, but I need to be able to embed the file in the browser, not prompt the user to open the file in an external application.</p>
  
  <p>Does anyone know of a workaround or way to embed the blob, which can be a wide variety of file types, in IE?  I would hate to have to drastically refactor the web service and front end code just to accommodate IE, but it is looking like that might have to be the case.</p>