/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 vote129 views1 answer
Jquery to vanilla javascript
Javascript jQuery
0 vote147 views1 answer
How to check element has event or not in jquery
Javascript jQuery
0 vote135 views2 answers
Jquery trigger link click
Javascript jQuery
0 vote150 views1 answer
Jquery add items to select input
Javascript jQuery
0 vote140 views1 answer
Jquery to set value in select2 dropdown button
Javascript jQuery
0 vote138 views2 answers
Remove last char - jquery
Javascript jQuery
0 vote152 views1 answer
Loop through checkboxes jquery
Javascript jQuery
17 votes154 views2 answers
Jquery add element to array
Javascript jQuery
3 votes137 views3 answers
Clear input field jquery
Javascript jQuery
0 vote149 views1 answer
Jquery find type submit
Javascript jQuery