title: How to show previews of selected documents
body: <p>How can i show the preview of the document. Is readasDataUrl is also works for previewing the .pdf, .xls files?</p>
  
  <pre><code>var reader = new FileReader();
      reader.readAsDataURL($files[i]);
      reader.onload = function (loadEvent) {
      $scope.$apply(function () {
         $scope.dataUrlss = loadEvent.target.result;
      });
  };
  
  var doc = document.getElementById('FileFrame').contentWindow.document;
  doc.open();
  doc.write($scope.dataUrlss);
  doc.close();
  </code></pre>
  
  <p>and my iframe tag is </p>
  
  <pre><code> &lt;iframe id="FileFrame" src="about:blank" style="height: 900px; width: 700px;"&gt;&lt;/iframe&gt;
  </code></pre>
  
  <p>that solution didn't worked for me.Plz help me.Thanks in advance...</p>