在 html 页面上链接 UNC/网络驱动器答案

【问题标题】：Linking a UNC / Network drive on an html page在 html 页面上链接 UNC/网络驱动器
【发布时间】：2010-11-25 01:04:18
【问题描述】：

只是一个基本的 html 链接问题。

我有一个 Intranet 设置，我需要链接到一些网络驱动器。它们位于驱动器上，例如 \server_drive\blahblah\doc.docx

使用 file:// 不适用于 IE8 或 Firefox。如何链接到这些文件？

【问题讨论】：

标签： html hyperlink unc

【解决方案1】：

要从 HTML 文档链接到 UNC 路径，请使用 file://///（是的，这是五个斜杠）。

file://///server/path/to/file.txt

请注意，这在 IE 和 Outlook/Word 中最有用。故意在 Chrome 或 Firefox 中不起作用 - 链接将静默失败。来自Mozilla team的一些话：

出于安全目的，Mozilla 应用程序阻止链接到本地来自远程的文件（和目录）文件。

不那么直接，来自Google：

Firefox 和 Chrome 不会从来自本地计算机外部的页面打开“file://”链接。这是这些浏览器为提高安全性而做出的设计决策。

Mozilla 文章包含一组客户端设置，您可以使用这些设置在 Firefox 中覆盖此行为，both browsers 的扩展可以覆盖此限制。

【讨论】：

微软说五斜线的东西是错的。相反，您的示例应该是“file://server/path/to/file.txt”。链接：blogs.msdn.microsoft.com/ie/2006/12/06/file-uris-in-windows
2020 这里：在我的 Windows 10 机器上，两种形式（server 之前的 5 个斜线或 2 个斜线）都可以工作。（对于“工作”，我的意思是我可以将链接 url 复制并粘贴到资源管理器窗口中，按 Enter 键并打开目标文件。并不是说本地链接是可点击的。）
更新了Chrome 和Firefox 的扩展链接。

【解决方案2】：

在网络服务器上设置 IIS 并将路径更改为http://server/path/to/file.txt

编辑：确保在 IIS 中启用目录浏览

【讨论】：

我有类似的问题。当您说更改路径时，这是在虚拟目录中吗？当我尝试使用http 访问我的共享时，我得到一个 404，但如果我在浏览器中使用 file://///server/path/to/file.txt，它就可以工作。我需要具有 http 访问权限，因为此链接将通过 markdown 呈现。我已在服务器上启用目录浏览。高级设置下的物理路径指向共享。
当我写这个答案时，我的建议是将 IIS 放在网络服务器上，然后将内容的 URL 更改为指向 Web 服务器。您还可以将 IIS 配置为具有映射到网络共享的虚拟目录，但需要考虑 IIS 和网络共享之间的权限。

【解决方案3】：

替代（向用户插入工具提示）：

<style>
    a.tooltips {
        position: relative;
        display: inline;
    }
    a.tooltips span {
        position: absolute;
        width: 240px;
        color: #FFFFFF;
        background: #000000;
        height: 30px;
        line-height: 30px;
        text-align: center;
        visibility: hidden;
        border-radius: 6px;
    }
    a.tooltips span:after {
        content: '';
        position: absolute;
        top: 100%;
        left: 50%;
        margin-left: -8px;
        width: 0;
        height: 0;
        border-top: 8px solid #000000;
        border-right: 8px solid transparent;
        border-left: 8px solid transparent;
    }
    a:hover.tooltips span {
        visibility: visible;
        opacity: 0.8;
        bottom: 30px;
        left: 50%;
        margin-left: -76px;
        z-index: 999;
    }
</style>
<a class="tooltips" href="#">\\server\share\docs<span>Copy link and open in Explorer</span></a>

【讨论】：