使用AJAX发送带有表单的表单文件时出错

浓妈妈:

我正在尝试使用包含CSV文件的AJAX提交表单。因此,想法是使用ajax发送表单,通过生成表在不同文件中对其进行处理,然后将处理后的表回调回页面。

我所拥有的是

<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>

JavaScript是

$("#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);
                }
            });
        }); 

我在萤火虫中遇到这种错误,

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

我在这里做错了什么?请帮我

Naqeeb Sial:

不要将文件传递到构造函数中,而应使用append,例如:

var formData = new FormData();
formData.append('file', $('input[type=file]')[0].files[0]);
data:  formData

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

在单击按钮时使用AJAX将表单序列化的数据和文件发送到服务器

使用jQuery通过表单数据上传文件时出错

使用ajax在表单外部提交带有按钮的表单

使用ajax发送表单数据

发送表单数据以使用Ajax上传文件

使用Ajax和MVC提交带有照片数据的表单

使用带有ajax的post请求将html表单数据发送到php到https://foo.com

在Rails中使用嵌套表单时出错

使用带有多部分/表单数据的restify发送文件会导致超时问题

使用JQuery Mobile提交表单时出错

在具有导航属性的表单中使用TryUpdateModelAsync时出错

使用Ajax提交带有文件的Symfony 2嵌入式表单

使用JQuery和AJAX提交带有文件的表单

使用ajax包含XHTML文件时的表单行为

使用Ajax在Codeigniter中上载带有图像的表单

使用phpmailer和html表单发送带有附件的邮件

使用Ajax生成表单后,使用jQuery发送表单

尝试使用Rvest提交表单时出错

如何使用Rails发送带有Ajax发布请求的表单

发送带有PHP的Ajax回显数据的表单数据不显示

jQuery AJAX-发送带有附件的JSONP表单

使用JavaScript发送带有表单的单个隐藏字段

用ajax发送数据表单文件

使用AJAX和Jquery将模态表单内容发送到PHP文件时遇到麻烦

Ajax 在表单提交时发送多个请求

.NET Core 如何使用 AJAX 提交带有文件的表单?

Wordpress - 带有 ajax 的表单

使用带有 php 的表单令牌防止 Ajax 表单双重提交

使用带有附加输入的表单时,Django 后表单无法验证