/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

6 votes141 views6 answers
Add option to select jquery
Javascript jQuery
19 votes136 views6 answers
Jquery document ready shorthand
Javascript jQuery
-1 vote144 views1 answer
Get selected values in multiselect jquery
Javascript jQuery
1 vote132 views1 answer
Jquery on change on multiple elements
Javascript jQuery
0 vote142 views2 answers
Jquery: get checkbox from each row of the table and select it
Javascript jQuery
0 vote139 views1 answer
Iframe content zoom in and zoom out jquery
Javascript jQuery
0 vote160 views1 answer
Jquery droppable allow what can be dropped
Javascript jQuery
0 vote172 views1 answer
Filter div jquery
Javascript jQuery
0 vote165 views3 answers
Remove style attribute from div with jquery
Javascript jQuery
2 votes133 views2 answers
Jquery scroll to id
Javascript jQuery