在提交表单时,需要指明formData的编码类型为“multipart/form-data”,同时服务器端需要设置正确的响应头Content-Type为“text/html;charset=utf-8”。具体代码示例如下:
前端代码:
var form = new FormData();
form.append('name', 'John');
form.append('email', 'john@example.com');
form.append('file', fileInput.files[0]);
$.ajax({
url: '/submit-form',
method: 'POST',
data: form,
processData: false,
contentType: false,
success: function(data) {
console.log(data);
}
});
后端代码(以Node.js和Express框架为例):
app.post('/submit-form', function(req, res) {
// 设置响应头Content-Type为text/html;charset=utf-8
res.setHeader('Content-Type', 'text/html;charset=utf-8');
// 处理表单提交
// ...
// 将结果返回给前端
res.send('提交成功!');
});