上传文件前在JS中修改$_FILES全局变量的items项是否可行？

你尝试通过data.append('items[]["name"][0]', 'fake_name.ext');修改PHP端$_FILES数组的做法无效，原因是PHP对$_FILES的解析逻辑是绑定到上传的文件对象本身的，单独追加这类键值对只会被解析到$_POST数组，无法关联到文件元数据。下面提供两种可行的解决方案：

方案1：直接修改File对象的属性 #

浏览器中可以通过重新构造File对象，替换原文件的name和type属性，这样PHP端接收时会直接使用修改后的元数据：

document.querySelector('button').addEventListener('click', (e) => {
    const originalFile = document.querySelector('input').files[0];
    // 构造新File对象，自定义文件名和MIME类型
    const modifiedFile = new File([originalFile], 'fake_name.ext', {
        type: 'application/pdf' // 替换为你需要的类型
    });
    
    let data = new FormData();
    data.append('items[]', modifiedFile);

    fetch('/upload.php', {
        method: 'POST',
        body: data
    })
    .then(response => response.text())
    .then(text => {
        console.log(text);
    });
});

此时PHP端的$_FILES['items']['name'][0]会变为fake_name.ext，$_FILES['items']['type'][0]变为application/pdf。

方案2：传递自定义字段，PHP端覆盖 #

如果不想修改File对象，可以在FormData中单独传递自定义的元数据，然后在PHP里手动覆盖$_FILES的对应值：

JS代码 #

document.querySelector('button').addEventListener('click', (e) => {
    let data = new FormData();
    data.append('items[]', document.querySelector('input').files[0]);
    // 传递自定义名称和类型
    data.append('custom_name[]', 'fake_name.ext');
    data.append('custom_type[]', 'application/pdf');

    fetch('/upload.php', {
        method: 'POST',
        body: data
    })
    .then(response => response.text())
    .then(text => {
        console.log(text);
    });
});

PHP代码 #

<?php
if(isset($_FILES['items']) && isset($_POST['custom_name'], $_POST['custom_type'])){
    // 覆盖文件名
    $_FILES['items']['name'][0] = $_POST['custom_name'][0];
    // 覆盖文件类型
    $_FILES['items']['type'][0] = $_POST['custom_type'][0];
    
    // 后续处理逻辑
    print_r($_FILES['items']);
}
?>

原写法无效的核心原因 #

PHP解析FormData时，只有当键对应实际的文件上传项（即FormData中追加的是File/Blob对象），才会生成$_FILES数组的结构。你尝试的items[]["name"][0]这类键名，会被PHP解析到$_POST数组中，无法关联到$_FILES里的文件元数据，因此无法达到修改目标字段的效果。

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