I am trying to submit form using AJAX that contains CSV File. So the idea is sending the form using ajax, process it in different file by generating a table and call back the processed table back into the page.

What i Have is this,

<form id=uploadXls action= method=post enctype=multipart/form-data>

      <input id=uploaderFile type=file class=file><br/>

      <button type=button class=btn btn-orange pull-right name=btnSubmit id=btnSubmit><i class=fa fa-download></i> SHOW FILE CONTENT</button>

</form>

and the JavaScript is,

$(#btnSubmit).click(function(){

            $.ajax({

                type: 'POST',

                url: '../../content/maindiv_content/drawing/divpages/process_xls_file.php',

                data: new FormData(this),

                contentType: false,

                cache: false,

                processData: false,

                success: function (response, textStatus, jqXHR) {

                  $(#showFileContentTable).html(data);

                }

            });

        }); 

and im getting this kind of error in firebug,

TypeError: Argument 1 of FormData.constructor does not implement interface HTMLFormElement.

http://infserver/WeltesTankage/dist/js/jquery-1.10.2.min.js line 4 > eval

Line 14

What am i doing wrong here ? Please help me