Uso este código para modificar input type="file" nombre de archivo.
html:
<input type="file" id="videoUpload"/>js:
var fileName = $("#videoUpload").prop("files")[0].name; console.log(a) //testA.mp4 $("#videoUpload").prop(("files")[0].name,"myVideo.mp4") console.log(a) //testA.mp4El nombre del archivo no se cambia, ¿por qué?
Lo que podría hacer es antes de enviar el formulario, copiar el archivo, cambiarle el nombre y reemplazarlo. (asumiendo que su entrada tiene name=inputName )
yourFormElement.addEventListener("formdata", ({formData}) => { const file = formData.inputName.files[0]; const blob = new Blob([file],{type: file.type}); const file2 = new File([blob], "foo.bar", {type: blob.type}); formData.set("inputName", [file2]); });Pero como dijo Quentin, esto es algo que generalmente tiene que hacer en el servidor porque cualquiera puede abrir las herramientas de desarrollo, hacer los cambios desde arriba y anular los archivos de otros usuarios en el servidor.