/Javascript/jQuery/Upload excel file using jquery ajax

Upload excel file using jquery ajax

$('#input-file').change(function() {

      var url = '/back-end-url';
      var form_data = new FormData();
      var xhr = new XMLHttpRequest();

      $.each(this.files, function (key, value) {
          form_data.append('file', value)
      })

      xhr.open('POST', url, true)
      xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest")
      xhr.send(form_data)

      xhr.onreadystatechange(function() {
          if(xhr.readyState == XMLHttpRequest.DONE) {
               var res = JSON.parse(xhr.responseText)
          }
      })

})

Source: stackoverflow.com

Similar codes

57 votes287 views2 answers
Use jquery
Javascript jQuery
26 votes349 views6 answers
Get text of selected option jquery
Javascript jQuery
0 vote327 views1 answer
Createelement and set prop attr jquery
Javascript jQuery
0 vote347 views1 answer
Jquery check if input is empty on keyup
Javascript jQuery
3 votes333 views1 answer
Fire change event jquery
Javascript jQuery
42 votes352 views3 answers
Jquery get text of input
Javascript jQuery
0 vote356 views1 answer
Jquery table each rows with class
Javascript jQuery
6 votes329 views4 answers
How to append rows in table using jquery each function
Javascript jQuery
-1 vote325 views2 answers
Get specific parent element jquery
Javascript jQuery
6 votes332 views2 answers
How to iterate over list in jquery
Javascript jQuery