Question

我有带有javascript脚本的html网页，该脚本使用XMLHttpRequest从服务器获取文件。我希望浏览器打开标准的“下载文件”窗口，这样用户就可以保存文件了。代码很简单：

var xhr;
xhr=new XMLHttpRequest();

xhr.onreadystatechange=function()
  {
  if (xhr.readyState==4 && xhr.status==200)
    {
    alert("File successfully received");
    }
  } 
xhr.open("GET”,”http://localhost:17001/filedl?param=1",true);
xhr.send();

在服务器上，我有一个运行带有快速模块的node.js应用程序。该应用程序正在生成缓冲区数据并将其作为文件发送回客户端。代码在这里：

var express = require('express');
var app = express();

app.get('/filedl', function(req, res){
  var pngBuffer = new Buffer("generated png goes here");
  res.setHeader('Content-Description','File Transfer');
  res.setHeader('Content-Disposition', 'attachment; filename=print.png');
  res.setHeader('Content-Type', 'application/octet-stream');
  res.end(pngBuffer);
});
app.listen(17001);

但是，我无法在浏览器中打开“另存为”对话框。我只是通过文本形式的缓冲区从我的服务器获得响应。

我尝试过设置不同的响应http标头，但没有任何运气。

Answer 1

var blobObject = new Blob([xhr.respomse], {type: 'image/png'}); 
navigator.msSaveBlob(blobObject, "print.png");
blobObject.msClose();

我在客户端使用navigator.msSaveBlob函数在Internet Explorer中保存文件，希望对你有用

如何从node.js服务器发送javascript缓冲区作为文件

1 个答案: