动态添加行的表单中file类型字段上传异常问题求助

问题根源 #

核心问题出在HTML文件输入框的命名格式不一致：

• 第一行file输入框的name是img[]，PHP会将其解析为数组格式
• 后续动态添加行的file输入框name是img[1].img这类格式，PHP无法将其识别到$_FILES['img']的数组结构中，导致循环时$_FILES['img']['name'][$i]为空，仅能生成带时间戳前缀的空文件名，且无法获取临时文件路径完成移动操作。

同时原PHP代码缺少文件上传有效性校验，直接执行move_uploaded_file会在上传失败时写入无意义的空文件名到数据库。

解决方案 #

1. 统一HTML文件输入框命名 #

不管是初始行还是JavaScript动态添加的行，所有file输入框的name必须统一为img[]，确保PHP能正确接收为数组：

<!-- 初始行 -->
<tr id='addrQual0'>
  <td VALIGN=MIDDLE>1</td>
  <td><input class="form-control" type="file" name='img[]'></td>
  <td><input class="form-control" type="textarea" name='description[]' placeholder='Description' required></td>
  <td><input class="form-control" type="text" name='amount[]' placeholder='Amount' required ></td>
  <td><input class="form-control" type="text" name='link[]' placeholder='Enter link here'></td>
</tr>
<!-- 动态添加的行示例 -->
<tr id='addrQual1'>
  <td VALIGN=MIDDLE>2</td>
  <td><input class="form-control" type="file" name='img[]'></td>
  <td><input class="form-control" type="textarea" name='description[1].description' placeholder='Description' required></td>
  <td><input class="form-control" type="text" name='amount[1].amount' placeholder='Amount' required ></td>
  <td><input class="form-control" type="text" name='link[1].link' placeholder='Enter link here'></td>
</tr>

注：其他表单字段的命名格式若兼容$_POST解析可保留，但file字段必须统一为img[]。

2. 修正PHP代码并增加校验 #

修改PHP代码，确保表单数据与文件数据的索引严格对应，同时增加文件上传有效性检查：

$desired_dir = "assets/images/catalog";
// 确保目标目录存在，不存在则递归创建
if (!is_dir($desired_dir)) {
    mkdir($desired_dir, 0755, true);
}

$stmt = pdo()->prepare("INSERT INTO orders (order_id, client_id, photo, description, amount, link, user_id, date_add) 
  VALUES (:order_id, :client_id, :photo, :description, :amount, :link, :user_id, :date_add)");

// 绑定固定不变的参数，无需每次循环重复绑定
$stmt->bindParam(":order_id",  $lastOrdId);
$stmt->bindParam(":client_id", $lastUsrId);    
$stmt->bindParam(":user_id", $user_id);
$stmt->bindParam(":date_add", $date);

// 按行数循环，确保表单数据与文件索引严格匹配
$totalRows = count($_POST['description']);
for ($i = 0; $i < $totalRows; $i++) {
    $description = $_POST['description'][$i];
    $amount = $_POST['amount'][$i];
    $link = $_POST['link'][$i];                      
    
    $file_name = '';
    // 检查当前索引是否有有效上传文件
    if (isset($_FILES['img']['tmp_name'][$i]) && $_FILES['img']['error'][$i] === UPLOAD_ERR_OK) {
        $originalName = $_FILES['img']['name'][$i];
        $file_name = time() . "-" . $originalName;
        $targetPath = $desired_dir . '/' . $file_name;
        // 移动失败则清空文件名，避免写入无效路径
        if (!move_uploaded_file($_FILES['img']['tmp_name'][$i], $targetPath)) {
            $file_name = '';
        }
    }
    
    // 绑定动态变化的参数
    $stmt->bindParam(":photo", $file_name, PDO::PARAM_STR);
    $stmt->bindParam(":description", $description);
    $stmt->bindParam(":amount", $amount);
    $stmt->bindParam(":link", $link);
    
    $stmt->execute();
} 
echo "OK";

关键改进点 #

• 统一file输入框命名为img[]，保证PHP正确解析为数组
• 增加目标目录存在性检查，避免因目录缺失导致文件移动失败
• 增加文件上传错误码校验，仅处理上传成功的文件
• 使用for循环替代foreach，确保表单数据与文件数据的索引严格对应
• 分离固定参数与动态参数的绑定逻辑，避免参数绑定异常

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