AJAX上传文件时FormData为空，无法向PHP传输数据求助

我来帮你排查这个问题，核心有两个关键问题需要修正：

1. FormData无法通过toSource()直接查看真实内容 #

你用alert(formData.toSource())看到的({})其实是误导性结果——FormData是一个特殊的结构化对象，它的内部数据不能通过toSource()或直接console.log的方式直观展示。要验证它是否包含数据，你可以用formData.get('picture')或formData.get('testx')来获取对应字段的值，或者打开浏览器开发者工具的Network面板，查看AJAX请求的Form Data部分，这里能看到真实发送的数据。

2. AJAX配置参数的大小写错误 #

你的jQuery AJAX配置里有两个参数的大小写写错了，这会导致jQuery默认处理数据，直接让FormData无法正确传递：

• ContentType 必须改成 contentType（首字母小写）
• ProcessData 必须改成 processData（首字母小写）

jQuery的AJAX配置是严格区分大小写的，写错后会启用默认值：contentType: 'application/x-www-form-urlencoded; charset=UTF-8' 和 processData: true，这会把FormData转换成普通URL编码数据，直接破坏文件上传的逻辑。

修正后的JavaScript代码 #

function uploadprove(id, e, url) {
    e.preventDefault();
    var uploadform = document.getElementById(id);
    var formData = new FormData(uploadform);

    // 用这个方式验证FormData内容（替代toSource()）
    console.log(formData.get('picture')); // 会输出选中的File对象
    console.log(formData.get('testx')); // 会输出"test1236"

    $.ajax({
        url: url,
        type: "POST",
        data: formData,
        contentType: false, // 修正为小写c
        processData: false, // 修正为小写p
        success: function (data) {
            alert(data);
        }
    })
}

额外调试建议 #

• 尽量直接用原生DOM元素创建FormData，比jQuery对象更直接，减少不必要的兼容问题。
• 调试AJAX请求时，优先看浏览器Network面板的请求详情，这里能真实看到发送的Form Data或Request Payload，比alert的信息准确得多。

内容的提问来源于stack exchange，提问作者An谋l Türk