/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

-1 vote197 views1 answer
Jquery.min.js:689 Uncaught RangeError: Maximum call stack size exceeded
Javascript jQuery
0 vote187 views1 answer
Show hide pseudo element jquery
Javascript jQuery
0 vote228 views2 answers
Get attribute of selected option jquery
Javascript jQuery
39 votes179 views3 answers
Jquery value of input
Javascript jQuery
7 votes206 views3 answers
Select remove option jquery
Javascript jQuery
2 votes194 views3 answers
Count all elements with class jquery
Javascript jQuery
0 vote193 views1 answer
Data attribute hide & show function syntax in jquery
Javascript jQuery
0 vote199 views1 answer
Track window size jquery
Javascript jQuery
0 vote176 views1 answer
Concatenation of loop data in variable using jquery
Javascript jQuery
0 vote216 views1 answer
Queryselector for jquery
Javascript jQuery