在angularjs中显示文档预览

时间:2014-06-20 07:48:57

标签: angularjs iframe document filereader preview

当用户上传文件时,我想显示文档的预览但我找不到如何操作的方式。

我正在做的是

<input  id="FileFrame" type="file" ng-file-select="onFileSelect($files)" ng-click="resetInputFile()">

在我的控制器中将文件读取为readAsBinaryString

    var fileReaders = new FileReader();
        fileReaders.readAsBinaryString($files[i]);
            var loadFile = function(fileReaders, index) {
            fileReaders.onload = function(e) {
            $timeout(function() {
            $scope.dataUrlss = e.target.result;
            });
        }
    }(fileReaders, i);

我将dataUrlss提供给iframe,但它不起作用..

<iframe ng-show="dataUrlss != null" src="about:blank" style="width: 90%; height: 300px" name="internal"></iframe>

谢谢..

我添加了像

这样的新代码
   var doc = document.getElementById('FileFrame').contentWindow.document;
    doc.open();
    doc.write($scope.dataUrlss);
    doc.close();

但它以不同的格式打印。

iframe output

0 个答案:

没有答案