oncllick of anchor,在同一个窗口下载文件

时间:2015-11-27 06:12:07

标签: javascript jquery html html5 download

我想提示用户在同一窗口中保存数据[可能是: - image,pdf,excel sheet等]。

我不想使用 HTML5 DOWNLOAD 选项,因为这对所有浏览器都无效。

例如: -

我想提示用户下载google徽标,如下面的代码所示。

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

但它不会下载Google图标,尽管它会重定向到该链接。

请建议!!

根据我的要求,target =&#34; _blank&#34;或者iframe不会解决我的问题。我希望用户只需在同一页面下载任何文件。

2 个答案:

答案 0 :(得分:0)

尝试将href元素的a设置为base64 data URI图片,type设置为"application/octet-stream"target设置为"_self"

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

答案 1 :(得分:0)

使用iFrame方法。

[
   {timestamp: ISODate("2015-11-10T11:33:41.075Z"), nominal: 25.121},
   {timestamp: ISODate("2015-11-22T11:33:41.075Z"), nominal: 25.121},
   {timestamp: ISODate("2015-11-23T11:33:41.075Z"), nominal: 26.121},
   {timestamp: ISODate("2015-12-03T11:33:41.075Z"), nominal: 30.121},
]

- 编辑 -

使用iframe方法不会将您带到其他页面。