file not dowloading in react , node js

Question

I want to download a file in my download folder . The file is in the uploads folder, both the folders are in same directory . The file name is BasicUserFile-id.jpg

/// 2nd attempt: This time I am trying to get the file by hardcoding the file name but it's also not working, instead a blank file is getting downloaded.

app.js

  Filedownload(e) {

    e.preventDefault();

    var id = this.props.params.id;

    console.log(id);

    $.ajax({
      type: 'GET',
      url: '/download/' + id,
      success: function (data, textStatus, request) {
        window.open('./downloads/ ', '_self');
      }

    });

  }


   <button type="button" value="Download File" onClick={this.Filedownload} 
   className="btn btn-success btn-lg">Download file</button>

////server.js

app.get('/download/:id', function(req, res){
  var basic_id = req.params.id 
  var file = __dirname + '/uploads/BasicUserFile-'+ basic_id+ ".jpg";
  res.download(file); 
});

/// 2nd try .

 Filedownload(e) {

    e.preventDefault();

    $.ajax({
      type: 'GET',
      url: '/download/' ,
      success : function(data)

      {

        fileDownload(data, 'filename.jpg');
        console.log("file downloaded")


      }


    });

  }

///server

app.get('/download/', function(req, res){

  var file = __dirname + '/uploads/BasicUserFile-5a093a24870eb12148262248.jpg';
  res.download(file); 
});

Paul · Accepted Answer · 2017-11-14 05:14:28Z

1

Your call on the client is for a GET but your server defines a POST. For standards compliance sake, change your server to accept a GET request like so:

app.get('/download/:id', function(req, res){
  var basic_id = req.params.id 
  var file = __dirname + '/uploads/BasicUserFile-'+ basic_id+ ".jpg";
  res.download(file); 
});

Also, it's not clear from what you've posted whether the client is constructing the right URL in any case, so make sure you double check that.

answered Nov 14, 2017 at 5:14

Paul

36.4k12 gold badges98 silver badges124 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

file not dowloading in react , node js

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related