Question

我需要帮助才能从html页面打开文件。首先，我想在本地测试打开，然后从服务器上的文件夹测试。这是我的代码，这三种技术都不起作用。此外，我希望链接可以在任何浏览器上运行。

            <table class="table table-hover">
            <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Meeting Minutes</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th scope="row">1</th>
                    <td><a href="file:///C:/website/MeetingMin/Doc1.pdf" target="_blank">Doc1</a></td>

                </tr>
                <tr>
                    <th scope="row">2</th>
                    <td><a href="C://website/MeetingMin/" target="Doc2.pdf">Doc2</a></td>

                </tr>
                <tr>
                    <th scope="row">3</th>
                    <td colspan="2"><a href="file:///C:\website\MeetingMin\Doc3.pdf">Doc3</a></td>
                    </tr>
            </tbody>
        </table>

Answer 1

当您的文件上传到服务器时，

无的三条建议将起作用。

file:///C:/website/MeetingMin/Doc1.pdf
- 会在输入浏览器时打开该文件的本地副本地址栏
- 无法使用<a href="">
C://website/MeetingMin/（"target="Doc2.pdf）
- C://无效
- 文件名无效 target - 表示文件应如何打开
- 不会做任何事情
file:///C:\website\MeetingMin\Doc3.pdf
- Unix等效于Doc1
- 在Windows中具有相同的功能

要从服务器加载文件，可以使用三种类型的链接：

相对链接：<a href="Doc1.pdf">或<a href="./Doc1.pdf">
- 表示Doc1.pdf位于相同文件夹中，与
- 您可以在../前加上目标（<a href="../../Doc1.pdf">）
- 将在本地工作
根相对链接：<a href="/Doc2.pdf">
- 表示Doc2.pdf位于网站的 root 文件夹中（链接到它的文件所在的位置并不重要）
- 将在本地工作
绝对链接：<a href="https://example.com/Doc3.pdf">
- 表示Doc3.pdf在example.com上（在这种情况下，它位于根目录）
- 不在当地工作
- 将跨域工作

如需进一步阅读路径链接，建议您查看 Coffee Cup article 。

Answer 2

你需要在文件前加上：//

<table class="table table-hover">
            <thead>
                <tr>
                    <th scope="col">#</th>
                    <th scope="col">Meeting Minutes</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <th scope="row">1</th>
                    <td><a href="file://C:/website/MeetingMin/Doc1.pdf" >Doc1</a></td>

                </tr>
                <tr>
                    <th scope="row">2</th>
                    <td><a href="file://C:\website\MeetingMin\Doc2.pdf" >Doc2</a></td>

                </tr>
                <tr>
                    <th scope="row">3</th>
                    <td colspan="2"><a href="file://C:\website\MeetingMin\Doc3.pdf">Doc3</a></td>
                    </tr>
            </tbody>
        </table>

链接到打开文件 - 1）本地2）服务器

2 个答案: