在过去的几天里,我一直在努力用jQuery和AJAX提交表单。我面临的问题是在表单字段中上传图像。
我的表格是这样的:
<form action="#" method="GET" role="form" enctype="multipart/form-data">
<input type="text" placeholder="Name" name="name">
<input type="file" name="img" multiple>
<button type="submit">Submit </button>
</form>
Run Code Online (Sandbox Code Playgroud)
我的用于获取表单值的jQuery脚本如下所示:
$("form").submit(function (event) {
$.dataArray = $(this).serializeArray(); // array of form data
console.log($.dataArray);
event.preventDefault();
});
Run Code Online (Sandbox Code Playgroud)
但这会返回除图像一以外的所有字段值,如果图像返回null。
如何存储在数据数组中?
我要存储,以便可以通过AJAX将值发送到服务器。