如何在新标签中加载本地文件?

时间:2015-02-18 05:23:34

标签: javascript angularjs

我正在开发angularjs java项目。我不会使用javascript,angularjs或java代码将所有文件类型的本地文件(txt,pdf,图像文件等)从我的系统加载到单击按钮的新选项卡中。

我能够加载文件的内容,但它没有以正确的格式显示,即。我不会以与放置在我的系统上相似的格式加载文件。

如果有人能帮助我找到解决方案,我将感激不尽。

2 个答案:

答案 0 :(得分:0)

您不能简单地希望浏览器显示本地系统中显示的文件。

如果您尝试上传文件然后查看,浏览器将下载该文件,从技术上讲,您可以在本地查看该文件。

有一些云存储选项,例如Box.com和Google Docs,它们都有自己的文件浏览器(支持有限的文件类型)。我不认为有任何可用的免费库可以支持许多文件类型,以便在浏览器中显示。

答案 1 :(得分:0)

可以通过角度Js中的指令ng-bind-html来实现此要求。 请参阅Angular Js网站上提供的示例和文档

$ sce是一种为AngularJS提供严格上下文转义服务的服务。

Check this link for directive documentaion

要查看pdf使用ng-pdfviewer,请将ng-pdfviewer.js包含为JavaScript文件,以及pdf.js和pdf.compat.js。

将ngPDFViewer声明为您模块的依赖项。

您现在可以在HTML源代码中使用pdfviewer标记。

Click here for GitHub link for ng-pdfviewer

<img ng-src="image.jpg"/>用于图片