点击锚点时，如何在同一窗口下载文档

Question

我希望在同一个窗口中提示用户保存数据[可以是任何东西，比如：图片、PDF、Excel表等]。

我不想使用HTML5 DOWNLOAD选项，因为这不适用于所有的浏览器。

例如：

我想要提示用户下载谷歌的标志，就像下面的代码一样。

<a href="https://www.google.co.in/images/branding/googlelogo/2x/googlelogo_color_272x92dp.png"> Download Google Logo</a>

但是它不会下载Google图标，即使它会重定向到该链接。

请提供建议！！

---

根据我的要求，target="_blank"或iframe不能解决我的问题。我希望用户可以在同一页上简单地下载任何文件。

- Anand Deep Singh

---

你不能强制用户下载外部链接的内容。 - Linus Oleander

这只是一个例子。实际上，根据我的项目需求，有一个下载链接。用户点击该链接后，将获取相关的内容，如图像、PDF、Excel等。 - Anand Deep Singh

a) "不想使用HTML5下载选项" b) "实际上，根据我的项目要求，需要有一个下载链接。"哪个是要求？ - guest271314

可能是重复问题：在不离开页面的情况下打开下载窗口的最简单方法。 - Ashraf Purno

根据我的项目，有一个网格允许用户从网站下载内容。表格上有一个下载链接。

---

＃ | 内容 | 操作 -------------------------------------------------- ------------------------------ 1 | 图像 | <a href="image.jpg"> 下载 </a>

1 | Excel文件 | <a href="image.jpg"> 下载 </a>现在它在新页面中打开。我希望它应该在同一页中下载。 - Anand Deep Singh

Answer 1

尝试将元素的href设置为图像的base64数据URI，其中type设置为"application/octet-stream"，target设置为"_self"。

<a href="data:application/octet-stream;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAWCAYAAAAvg9c4AAAABHNCSVQICAgIfAhkiAAAACRJREFUOI1j/M/A8J+ByoCJ2gaOGjpq6Kiho4aOGjpq6GA2FAAxTAIqi7SS4AAAAABJRU5ErkJggg==" target="_self">Download image</a>

- guest271314

---

但是当您运行此代码时，它将下载未知文件，这并没有解决我的问题，我该如何像您展示的那样编码路径？ - Anand Deep Singh

但是当您运行此代码时，它将下载未知文件。如果使用download属性，可以在“保存文件”对话框中向用户建议文件名。如何像您展示的那样编码路径？如果请求的资源具有Access-Control-Allow-Origin头，则可以使用XMLHttpRequest，将文件作为Blob请求，或者下载文件，将其转换为base64字符串，data URI，将其用作a元素href属性的字符串。 - guest271314

Answer 2

使用 iFrame 方法。

<iframe id="download" hidden><\iframe>

<a href="javascript:document.getElementById('download').src = 'file-path'>whatever<\a>

-编辑-

使用 iframe 方法不会带您到另一个页面。

- Triforcey