Javascript 通过Ajax提交表单-FormData始终为空

我需要使用ajax在服务器上上传照片。我也用javascript设置了表单，但是FormData对象总是空的！我尝试了各种方法来引用实际的形式，但仍然不起作用

小提琴示例：

谢谢

html:

---

使用

console.log（）

检查FormData对象中的数据不会显示。它就在那里，你就是看不见

如果检查开发人员工具的Net选项卡，可以看到表单内容正在上载

---

您可以使用

Array.from（formData）

查看控制台中的值。log您知道为什么控制台中没有该值吗？甚至

formData.entries

显示长度为0。

<form id="profileImageForm" action="update.php" method="post" enctype="multipart/form-data">
<input type="text" value="hello" name="test" />
<input type="file" name="profile_pic" id="image_upload"/>
<input type="submit" value="Save"/>
</form>

$('#profileImageForm').on('submit',(function(e) {
    e.preventDefault();     
    var formData = new FormData(this);

    console.log(formData);

    $.ajax({
        type:'POST',
        url: $(this).attr('action'),
        data:formData,
        cache:false,
        contentType: false,
        processData: false,
        success:function(data){
            console.log("success");
            console.log(data);
        }
    });
}));