Axios 图像上传与文本

Question

我使用 Axios 上传图片。

这是我的 HTML：

a = a + b

axios 代码：

<form action="" method="post"> 
    <input type="text" id="name">
    <input type="files" multiple id="file">
    <button type="submit" onclick="submit_form()">Upload</button>
</form>

ajax.php:

function submit_form(e) {
   e.preventDefault();
   var form = new FormData();
   var name = document.getElementById("name").value;
   var image = document.getElementById("file");
   for (i = 0; i < image.files.length; i++) {                         
        let file = image.files[i];
       form.append("files[" + i + "]", file);
   }
   form.append("name", name);
   axios.post("ajax.php", form, {headers: {'content-type': 'multipart/form-data'}})
   .then((r) => {
      console.log(r);
    })
}

在控制台中它显示我$data = json_decode(file_get_contents("php://input"), true); echo json_encode($data);

如果我的PHP代码有问题，那谁能举个简单的例子？