/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

3 votes298 views2 answers
Click select option to update div jquery
Javascript jQuery
1 vote294 views1 answer
Jquery post failure
Javascript jQuery
0 vote299 views1 answer
Jquery selector exists
Javascript jQuery
5 votes323 views4 answers
Hide bootstrap modal jquery
Javascript jQuery
1 vote341 views1 answer
Check textbox is empty in jquery
Javascript jQuery
36 votes288 views3 answers
Jquery add html to end of div
Javascript jQuery
0 vote282 views2 answers
Animated scroll to anchor without jquery
Javascript jQuery
0 vote286 views1 answer
Jquery call dynamically created class
Javascript jQuery
1 vote341 views1 answer
Get header height jquery
Javascript jQuery
0 vote313 views1 answer
Add jquery in laravel
Javascript jQuery