使用ajax

Question

我有多个使用php foreach循环生成的文件类型的输入字段。
下面是生成的片段html表单

    <input name="userImage" id="a1Cym4V" type="file" />
    <button type="button" onclick="upload_proof('a1Cym4V')">Upload</button>

    <input name="userImage" id="pe7h6Cx" type="file" />
    <button type="button" onclick="upload_proof('pe7h6Cx')">Upload</button>

    <input name="userImage" id="L9iCaxV" type="file" />
    <button type="button" onclick="upload_proof('L9iCaxV')">Upload</button> 

如果我使用第一个输入表单上传图像，它可以正常工作，即使选择了文件，所有其他图像也会返回空值。
这是我用来通过ajax处理文件上传的javascript代码。

function upload_prooff(id){
    var formData = new FormData();
    formData.append('file', $('input[type=file]')[0].files[0]);
    formData.append('id', id);
    formData.append('upload_proof', '1');
    $.ajax({
        url: "convert.php",
        type: "POST",
        data:  formData,
        contentType: false,
        cache: false,
        processData:false,
        success: function(data){
            console.log(data);
        }
    });
}

data包含来自服务器的var_dump($_FILES) 解决这个问题的最佳方法是什么？