Question

我有一张PDF，它存放在我们的服务器上。我在浏览器中打开了这个PDF的网址：file://myServer/myFolder/myFile.pdf。

现在，当我复制此网址并将其粘贴到我的浏览器（IE和Chrome）的新标签中时，它会正确打开它。

现在我想实现<a></a>链接标记并打开相同的网址，我将其放入href attribut。

离。 <a target="_blank" href="file://myServer/myFolder/myFile.pdf">PDF</a>

当我点击该链接时，它会在两个浏览器（IE和Chrome）的新标签页中再次正确打开PDF。

所以我的下一步是，获取一个json对象，其中包含在此服务器上提交的PDF的URL。并且使用angularJS，我将动态地将URL放在html中的链接标记中。所以我这样做：

let fileObj = [
    {
        filename: 'File 1',
        url: 'file://myServer/folder1/myFile1.pdf'
    },
    {
        filename: 'File 2',
        url: 'file://myServer/folder2/myFile2.pdf'
    },
    {
        filename: 'Website XY',
        url: 'http://www.myWebsite.com'
    }
];

与angularJS相比，我使用动态href url在我的html中构建了一个链接标记：

<a ng-repeat="file in fileObj" target="_blank" href="{{file.url}}">{{file.filename}}</a>

所以，当我在我的控制台中查看它时，它在href中有正确的URL，并且在a-tag等中也有正确的文本，就像我上面的第一个例子中那样，当我编写url硬编码时在href。但是，当我现在点击链接时，IE上的Chrome没有任何反应它运行正常！ 编辑：打开网站的第三个链接适用于两个浏览器......出了什么问题？对我而言，似乎与硬编码相同，但第一个有效，第二个无效。它也令人困惑，它在IE和Chrome上运行良好！我在chrome的控制台中跟踪了msg：Not allowed to load local resource这似乎是一个浏览器问题......有什么想法吗？

感谢。

使用html链接标记从服务器打开PDF网址

0 个答案: