file upload in react + typescript without using JQuery?

Question

I want to upload a file from a client to the server using only react (with typescript) without JQuery. I'm not able to find any solution.

Amid · Accepted Answer · 2017-08-10 11:53:18Z

1

You can try something like this:

In your render():

<input type="file" onChange={(e) => this.handleFileUpload(e)} />

And your onChange handler:

private handleFileUpload({ files })
{
  const file = files[0];

  // send file to server here the way you need
}

answered Aug 10, 2017 at 11:53

Amid

22.5k6 gold badges63 silver badges59 bronze badges

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

Comments

Piyush · Accepted Answer · 2017-08-10 12:54:14Z

0

answered Aug 10, 2017 at 12:54

Piyush

1,2135 gold badges21 silver badges36 bronze badges