javascript - Ajax response is a file download - Stack Overflow

admin管理员组

文章数量:1023564

I'm sending a XMLHTTPRequest to a server endpoint using Polymer's iron-ajax element:

 <iron-ajax
  id="ajax"
  method="POST"
  url="/export/"
  params=''
  handle-as="json"
  on-response="handleResponse"
</iron-ajax>

My Koa/Express-server responds with a read stream like this:

router.post('/export' , function*(){

  var file = __dirname + '/test.zip';
  var filename = path.basename(file);
  var mimetype = mime.lookup(file);

  this.set('Content-disposition', 'attachment; filename=' + filename);
  this.set('Content-type', mimetype);
  this.body = fs.createReadStream(file);
})

How do I initiate the download in handleResponse()? Ideally I don't want to handle the response at all and directly initiate the download.

The response headers look (as expected) like this:

Content-disposition: attachment; filename=test.zip
Connection: keep-alive
Transfer-Encoding: chunked
Content-type: application/zip

I'm sending a XMLHTTPRequest to a server endpoint using Polymer's iron-ajax element:

 <iron-ajax
  id="ajax"
  method="POST"
  url="/export/"
  params=''
  handle-as="json"
  on-response="handleResponse"
</iron-ajax>

My Koa/Express-server responds with a read stream like this:

router.post('/export' , function*(){

  var file = __dirname + '/test.zip';
  var filename = path.basename(file);
  var mimetype = mime.lookup(file);

  this.set('Content-disposition', 'attachment; filename=' + filename);
  this.set('Content-type', mimetype);
  this.body = fs.createReadStream(file);
})

How do I initiate the download in handleResponse()? Ideally I don't want to handle the response at all and directly initiate the download.

The response headers look (as expected) like this:

Content-disposition: attachment; filename=test.zip
Connection: keep-alive
Transfer-Encoding: chunked
Content-type: application/zip

• javascript
• ajax
• express
• polymer
• koa

Share Improve this question Follow edited Nov 4, 2015 at 17:37 Hedge asked Nov 4, 2015 at 17:15 HedgeHedge 16.8k4545 gold badges154154 silver badges261261 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 2

If you returned your file data as an octet stream, you could initiate the download like done here -> Save file Javascript with file name

uriContent = "data:application/octet-stream," + encodeURIComponent(dataFromServer);

newWindow=window.open(uriContent, 'filename.txt');

I'm sending a XMLHTTPRequest to a server endpoint using Polymer's iron-ajax element:

 <iron-ajax
  id="ajax"
  method="POST"
  url="/export/"
  params=''
  handle-as="json"
  on-response="handleResponse"
</iron-ajax>

My Koa/Express-server responds with a read stream like this:

router.post('/export' , function*(){

  var file = __dirname + '/test.zip';
  var filename = path.basename(file);
  var mimetype = mime.lookup(file);

  this.set('Content-disposition', 'attachment; filename=' + filename);
  this.set('Content-type', mimetype);
  this.body = fs.createReadStream(file);
})

How do I initiate the download in handleResponse()? Ideally I don't want to handle the response at all and directly initiate the download.

The response headers look (as expected) like this:

Content-disposition: attachment; filename=test.zip
Connection: keep-alive
Transfer-Encoding: chunked
Content-type: application/zip

I'm sending a XMLHTTPRequest to a server endpoint using Polymer's iron-ajax element:

 <iron-ajax
  id="ajax"
  method="POST"
  url="/export/"
  params=''
  handle-as="json"
  on-response="handleResponse"
</iron-ajax>

My Koa/Express-server responds with a read stream like this:

router.post('/export' , function*(){

  var file = __dirname + '/test.zip';
  var filename = path.basename(file);
  var mimetype = mime.lookup(file);

  this.set('Content-disposition', 'attachment; filename=' + filename);
  this.set('Content-type', mimetype);
  this.body = fs.createReadStream(file);
})

How do I initiate the download in handleResponse()? Ideally I don't want to handle the response at all and directly initiate the download.

The response headers look (as expected) like this:

Content-disposition: attachment; filename=test.zip
Connection: keep-alive
Transfer-Encoding: chunked
Content-type: application/zip

• javascript
• ajax
• express
• polymer
• koa

Share Improve this question Follow edited Nov 4, 2015 at 17:37 Hedge asked Nov 4, 2015 at 17:15 HedgeHedge 16.8k4545 gold badges154154 silver badges261261 bronze badges

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 2

If you returned your file data as an octet stream, you could initiate the download like done here -> Save file Javascript with file name

uriContent = "data:application/octet-stream," + encodeURIComponent(dataFromServer);

newWindow=window.open(uriContent, 'filename.txt');

本文标签： javascriptAjax response is a file downloadStack Overflow