使用ajax/jQuery上传图像的表单

我有一个带有

multipart/formdata

enctype的表单，类似于下面的HTML代码：

<form id="myform" action="/parse" method="post" enctype="multipart/form-data">
Name: <input type="text" name="name" id="name" placeholder="Enter your name">
Age: <input type="number" name="age" id="age" placeholder="Enter your age">
Photo: <input type="file" name="image" id="image">
<input type="submit">
</form>
<div id="preview"></div>

。。。我有一个FormData（）对象：

如何将图像的数据添加到FormData（）对象

---

谢谢

这将自动将表单的所有字段添加到FormData对象，包括文件输入

var data = new FormData($('#myform')[0]);

你不需要使用

data.append('name', $('#name').val());
data.append('age', $('#age').val());

---

这将自动将表单的所有字段添加到FormData对象，包括文件输入

var data = new FormData($('#myform')[0]);

你不需要使用

data.append('name', $('#name').val());
data.append('age', $('#age').val());