单击链接上的jquery SAVE对话框

Question

当我在页面上添加一个链接时，我正在尝试创建一个SAVE文件对话框。至少我想开始下载链接被点击的文件。这是我尝试过的。

只是为了踢，我放了“警告”声明，以确保代码是rendred，它是。 Firebug没有发现任何错误。

//download button navigate
var downloadButton = $('#downloadLinkLabel', window.parent.document);
var downloadButtonFunc = function(e) {
    e.preventDefault();  //stop the browser from following
    alert('its working');
    window.location.href = 'image.jpg';
};
addEventHandler(downloadButton[0], 'click', downloadButtonFunc);

这是HTML代码

<div id="s-Label_61" class="label firer ie-background commentable">
    <div class="valign"><span>Download</span></div>
</div>

我正在使用原型设计工具来创建UI并拥有一个运行我所有自定义脚本的基础浏览器页面。原型设计工具仅允许使用简单的URL，并且不允许设置标题/属性。如果有办法通过jquery注入这个代码那么就可以了

Answer 1

您可以使用HTML5下载属性来支持浏览器，对于不支持的浏览器，我认为唯一的解决方案是设置相应的标头。

<a href="http://img.com/img.png" download="myImage.png">DOWNLOAD THIS IMAGE</a>

FIDDLE

修改

您可以（几乎）轻松创建链接并使用javascript

单击它

$('#s-Label_61 span').on('click', function() {
     var a = document.createElement('a');
     a.download = 'myImage.png';
     a.href = '/link/to/image.png';
     a.click();
});

FIDDLE

Answer 2

如果你不想使用html 5，你可以将图像放在Base64上并href url：

“图像/八位字节流，Base64的”