我正在尝试创建一个下载按钮，但文件没有下载？

Question

我正在创建具有单击侦听器的下载按钮，请求服务器下载文件

代码点击监听器：

 downloadFileClick(event){
   $.ajax('/download', {data:{}}).done(function(data){

   }.bind(this));
 }

在服务器端以下代码正在运行

app.get('/download', function(req, res){
  var file = __dirname + '/write/imageout.png';
  res.download(file);
});

文件未在浏览器中下载。我检查了从服务器发送到客户端的响应，它发送文件内容但没有从浏览器下载。

Answer 1

您不能通过向该文件发出 ajax 请求来下载该文件。浏览器将忽略这一点。您必须通过<a href="/download" download> 打开文件，或者您可以从 jQuery 触发：

var a = $("<a>");
a.attr("href", "/download");
a.attr("download", "img.png");  // this is important
a.appendTo("body");
a[0].click();
a.remove();

这应该可以正确下载浏览器图像。