PHP多独立文件上传异常：仅首张图片上传成功求助

核心问题分析 #

你的代码存在两个关键问题导致仅第一张图片上传生效：

1. 文件输入字段名称不匹配：HTML中原始文件输入的name是attachment1（单数），但JS克隆生成的新文件输入name被设为attachmentsN（复数，比如attachments2），而PHP后台循环查找的是attachmentN，导致后续文件字段无法被PHP识别。
2. 上传路径拼接错误：PHP中$uploadDirectory . $uniqueFileName缺少路径分隔符，会导致文件被错误保存到../uploadsfilename这类无效路径下。

分步修复方案 #

1. 修正JS中的字段名称匹配 #

修改JS里设置文件输入id和name的代码，和原始HTML保持一致的命名规则：

// 原代码
// newBulkSection.find("input[type=file]").attr("id", "attachments" + counter).attr("name", "attachments" + counter);
// 修改为
newBulkSection.find("input[type=file]").attr("id", "attachment" + counter).attr("name", "attachment" + counter);

2. 优化PHP中的上传路径 #

在保存文件时添加路径分隔符，确保文件存入正确目录：

// 原代码
// if (move_uploaded_file($_FILES[$fieldName]['tmp_name'], $uploadDirectory . $uniqueFileName)) {
// 修改为
if (move_uploaded_file($_FILES[$fieldName]['tmp_name'], $uploadDirectory . "/" . $uniqueFileName)) {

3. 可选：替换克隆为动态创建（避免浏览器兼容性问题） #

jQuery的clone()方法在部分浏览器中对文件输入的处理可能存在兼容性问题，可改为动态生成新表单区块：

$("#addMore").click(function(event) {
  event.preventDefault();
  counter++;
  // 动态生成新的bulk区块
  var newBulkSection = $(`
    <div class="bulk">
      <div class="row">
        <div class="col-md-6">
          <div class="form-group">
            <label for="clientName${counter}">Client Name *:</label>
            <input type="text" class="form-control" id="clientName${counter}" name="clientName${counter}" placeholder="" required autocomplete="one-time-code">
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group">
            <label for="attachment${counter}">Attachment:</label>
            <input type="file" class="form-control-file" id="attachment${counter}" name="attachment${counter}">
          </div>
        </div>
      </div>
    </div>
  `);
  $("#bulkContainer").append(newBulkSection);
});

验证修复效果 #

修改完成后，添加多个客户并上传文件，PHP后台就能正确识别所有attachmentN字段，将文件保存到指定目录，同时客户名称的拼接功能不受影响。

内容的提问来源于stack exchange，提问作者michaelmcgurk