使用JavaScript/jQuery下载文件

我在这里指定了一个非常类似的需求。

我需要有用户的浏览器手动启动下载时$('a#someID').click();

但是我不能用窗户。Href方法，因为它将当前页面内容替换为您试图下载的文件。

相反，我想在新窗口/标签中打开下载。这怎么可能呢?

当前回答

我不知道这个问题是不是太老了，但是设置窗口。只要下载mime类型正确(例如zip存档)，指向下载url的位置就可以工作。

var download = function(downloadURL) {

   location = downloadURL;

});

download('http://example.com/archive.zip'); //correct usage
download('http://example.com/page.html'); //DON'T

2016-07-05 09:41:56

其他回答

注意:并非所有浏览器都支持。

我正在寻找一种方法，使用jquery下载文件，而不必从一开始就在href属性中设置文件url。

jQuery (< / >, { id:“downloadFile”, href:“http://cdn.sstatic.net/Sites/stackoverflow/img/apple-touch-icon@2.png”, 风格:“显示:隐藏。” 下载:“ }) .appendTo(身体的); $ (" # downloadFile ") [0] .click (); < script src = " https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js " > < /脚本>

2016-04-16 08:14:37

适用于Chrome, Firefox和IE8及以上。

var link=document.createElement('a');
document.body.appendChild(link);
link.href=url ;
link.click();

2016-04-28 13:46:39

仅仅7年之后，这里出现了一行jQuery解决方案，使用表单而不是iframe或链接:

$('<form></form>')
     .attr('action', filePath)
     .appendTo('body').submit().remove();

我已经测试过了

Chrome 55 Firefox 50 边缘IE8-10 iOS 10 (Safari/Chrome) Android浏览器

如果有人知道这个解决方案的任何缺点，我很乐意听听。

完整的演示:

<html>
<head><script src="https://code.jquery.com/jquery-1.11.3.js"></script></head>
<body>
<script>
    var filePath = window.prompt("Enter a file URL","http://jqueryui.com/resources/download/jquery-ui-1.12.1.zip");
    $('<form></form>').attr('action', filePath).appendTo('body').submit().remove();
</script>
</body>
</html>

2017-01-18 10:07:51

function downloadURI(uri, name) 
{
    var link = document.createElement("a");
    // If you don't know the name or want to use
    // the webserver default set name = ''
    link.setAttribute('download', name);
    link.href = uri;
    document.body.appendChild(link);
    link.click();
    link.remove();
}

检查您的目标浏览器是否能够顺利运行上面的代码片段:http://caniuse.com/#feat=download

2014-04-11 13:11:09

我不知道这个问题是不是太老了，但是设置窗口。只要下载mime类型正确(例如zip存档)，指向下载url的位置就可以工作。

var download = function(downloadURL) {

   location = downloadURL;

});

download('http://example.com/archive.zip'); //correct usage
download('http://example.com/page.html'); //DON'T

2016-07-05 09:41:56

使用JavaScript/jQuery下载文件

推荐文章

最新文章

标签