使用 ajax 和 php 上传 Javscript 上传重命名文件

Question

这个问题被问了很多次，但我找不到正确的答案。

我正在尝试使用 javascript、ajax 和 php 上传文件。 到目前为止有效。 但是，我想在上传时和 javascript 中重命名文件，以便我可以从那里确定文件的名称。

我的 function 通过 javascript 中的 ajax 上传文件

async function uploadFile() {
  let formData = new FormData();           
  formData.append("file", fImage.files[0]);
  await fetch('/upload.php', {
    method: "POST", 
    body: formData
  });    
  alert('The file has been uploaded successfully.');
}

我在 html 中的输入字段

<input class="form-control" type="file" id="fImage">

我的上传。php

<?php

/* Get the name of the uploaded file */
$filename = $_FILES['file']['name'];

/* Choose where to save the uploaded file */
$location = "upload/".$filename;

/* Save the uploaded file to the local filesystem */
if ( move_uploaded_file($_FILES['file']['tmp_name'], $location) ) { 
  echo 'Success'; 
} else { 
  echo 'Failure'; 
}

?>

目的是通过 javascript 确定文件名，例如通过变量

Answer 1

您可以使用append的第三个参数来指定文件名（ MDN ）

formData.append("file", fImage.files[0], new_name);