我想从运行NodeJS的服务器上用我的浏览器下载文件.
在服务器端,为了提供我有的文件:
在服务器端,为了提供我有的文件:
exports.download = function(req,res) { var filename = "33.jpg"; var filePath = path.join(__dirname,'..','downloads',filename); var stat = fs.statSync(filePath); var fileToSend = fs.readFileSync(filePath); res.writeHead(200,{ 'Content-Type': 'image/jpeg','Content-Length': stat.size,'Content-Disposition': filename }); res.end(fileToSend); };
名为33.jpg的文件存在,大小为744Kb.来自客户的电话很有效
在AngularJS的客户端,这里是我如何调用post调用来获取文件(目前不使用参数uri):
$scope.downloadTrack = function(uri) { $http.post('/api/files/download',{uri: uri}).then(function(response) { var blob = new Blob([response.data],{ type: 'image/jpeg' }); var fileName = response.headers('content-disposition'); saveAs(blob,fileName); },function(response) { console.log('Download error'); console.log(response); }); }
我的问题是下载了一个文件,但是大小为1.5Mb并且不可读.我尝试了不同的流方法,将数据附加到响应,管道等,但没有成功.
另一点(不确定是否重要):在Safari中打开文件并显示损坏的图标,在Chrome中保存文件
PS:如果信息有用,我和Yeoman一起创建了这个项目
谢谢大家
[更新]
新版服务器功能(仍然无法正常工作)
exports.download = function(req,filename); var stat = fs.statSync(filePath); var fileToSend = fs.readFileSync(filePath); res.set('Content-Type','image/jpeg'); res.set('Content-Length',stat.size); res.set('Content-Disposition',filename); res.send(fileToSend); };
通过设置为blob的响应类型的定义解决了问题
$http({ url: '/api/files/download',method: "POST",data: { uri: uri },responseType: 'blob' }).then(function (response) { var data = response.data; var headers = response.headers; var blob = new Blob([data],{ type: 'audio/mpeg' }); var fileName = headers('content-disposition'); saveAs(blob,fileName); }).catch(function (response) { console.log('Unable to download the file') });