使用AngularJS在IE中预览PDF内容

时间:2015-06-26 11:22:44

标签: angularjs google-chrome internet-explorer pdf preview

我在Spring Boot-AngularJS项目中有一个功能,我必须使用该元素显示用户选择的PDF文件的预览。

我可以在Chrome和Firefox中使用它,但IE似乎没有显示预览。

感谢任何帮助。以下是我的代码:

在控制器中:

        previewSelectedFile = function() {
            file = new Blob([$scope.documentTemplate.templateFileModel], {
                type : 'application/pdf'
            });
            var fileURL = URL.createObjectURL(file);
            $scope.content = $sce.trustAsResourceUrl(fileURL);
        };

在HTML中:

文件选择:

<input type="file" id="templateFile" ng-model="documentTemplate.templateFileModel" file-model="documentTemplate.templateFileModel" ng-change="previewSelectedFile()" accept="application/pdf" name="templateFile">

文件预览:

<object data="{{content}}" type="application/pdf" style="width: 100%; height: 100%;"></object>

0 个答案:

没有答案