/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

0 vote240 views1 answer
Jquery ui sortable disable child
Javascript jQuery
2 votes264 views1 answer
Jquery visibility hidden show
Javascript jQuery
22 votes262 views2 answers
Get looping in jquery
Javascript jQuery
5 votes257 views2 answers
Jquery remove disabled property from button
Javascript jQuery
2 votes268 views2 answers
Jquery if input has empty white space
Javascript jQuery
2 votes284 views1 answer
Prepend element jquery
Javascript jQuery
115 votes353 views6 answers
Jquery checkbox is checked
Javascript jQuery
59 votes241 views2 answers
Jquery doc on ready
Javascript jQuery
7 votes253 views2 answers
How to select id in jquery
Javascript jQuery
0 vote259 views1 answer
How to go back to previous page after updating data in jquery
Javascript jQuery