如何在Angular 4中实现window.open类功能

Question

你如何在Angular 4中实现window.open()类功能？

function open(){
    var URL = "file:///C:\data2.pdf";

    window.open(URL, null);
}

我收到以下错误消息：

无法打开本地文件 - Chrome：不允许加载本地资源。

如果Angular 4中有任何替代的window.open()，请告诉我。

Answer 1

您必须在Angular项目的资产中引入该文件。要访问该文件，请引入'assets / file2.pdf'。

window.open('assets/file2.pdf');

不要使用绝对路径，因为如果在子目录中部署不起作用。

Answer 2

您应该使用Web服务器。浏览器不允许通过JavaScript获取客户端本地文件。例：

var url = '//localhost:3000/data2.pdf';
window.open(url);

这里web服务器地址localhost和端口3000.作为web服务器可以是例如Node JS，Apache等。