/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 votes276 views3 answers
Clear value input jquery
Javascript jQuery
0 vote257 views1 answer
JQMIGRATE: jQuery.fn.keyup() event shorthand is deprecated
Javascript jQuery
36 votes274 views4 answers
Jquery append text to div
Javascript jQuery
4 votes287 views3 answers
Div outside click event jquery
Javascript jQuery
0 vote274 views1 answer
Jquery ui dialog position fixed center
Javascript jQuery
0 vote296 views1 answer
Javascript jquery json quiz3
Javascript jQuery
6 votes269 views4 answers
Jquery scroll to element in scrollable div
Javascript jQuery
0 vote269 views1 answer
Jquery select selected get data name
Javascript jQuery
0 vote255 views1 answer
Add table header dynamically in jquery
Javascript jQuery
8 votes291 views1 answer
Get the size of the browser jquery
Javascript jQuery