Question

我正在使用此代码：

<div class="file">
  <a href="text.docx" download>
    <i class="fa fa-download">&nbsp;&nbsp;Download</i>
  </a>
</div>

单击链接时会下载text.docx。我想要的是，查看（仅）此文档而不是下载它，就像在谷歌驱动器中一样，我们在下载之前查看该文档。

更新：我删除了download属性，但它仍无效：

<div class="file">
  <a href="text.docx">
    <i class="fa fa-download">&nbsp;&nbsp;Download</i>
  </a>
</div>

Answer 1

根据documentation，download元素的<a>属性：

[...]指示浏览器下载URL而不是导航到URL，因此系统会提示用户将其保存为本地文件。

如果您想要导航到链接而不是下载链接，只需删除该属性：

<a href="text.docx">

请注意，服务器和浏览器仍然需要实际协商该内容。如果服务器返回标题，指示浏览器将内容视为文件，则与HTML无关。或者，如果浏览器无法显示该内容并默认将其视为文件，则完全在浏览器中并且与您的HTML无关。

但目前您的<a> 明确告诉浏览器下载该文件。如果您想停止这样做，只需删除该属性。

Answer 2

使用Google Docs Viewer。

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />

<div class="file">
  <a href="https://docs.google.com/viewer?url=http://example.com/path/to/text.docx">
    <i class="fa fa-eye">&nbsp;&nbsp;View</i>
  </a>
</div>

Answer 3

默认情况下，大多数浏览器都不会加载.docx文件。您可能必须使用.pdf文件来查看文档而不是下载它。

注意：如果要在浏览器上查看.docx，则必须提取.docx的内容，并将其显示在Html页面中。

查看文档而不是下载

3 个答案: