Lo primero de todo, no puedes comprobar si un archivo existe con javascript puro, ya que javascript no tiene acceso por motivos de seguridad al sistema de archivos de la computadora
, lo otro es que aunque javascript tuviera acceso al sistema de archivos del pc, no tiene acceso remoto a ellos, por lo que podrías acceder a los archivos de tu sistema pero no a los de tu servidor, cosa que no es lo deseado...
Aunque lo que si puedes hacer es desde el mismo PHP
que no se especifica en las etiquetas de la pregunta, (veo que usas la función move_uploaded_file para ello por eso descubrí que es php), puedes comprobar si el archivo ya existe.
Entonces respecto a la pregunta de como hacer para comprobar si un archivo ya existe en el directorio, tienes dos opciones:
La primera es mandar solo el nombre actual del archivo hacía php y mediante php comprobar si ese archivo se encuentra en la carpeta que quieras comprobar que se encuentre, luego si es o no así (en cualquiera de los dos casos), enviar una respuesta al frontend diciendole ya sea si el archivo existe o no.
Y una vez hecho esto, hacer una segunda petición o no (depende de la respuesta que nos haya dado el servidor), subir el archivo o no.
La otra opción es simplemente comprobar todo esto mismo siempre en el backend, es decir, desde PHP
comprobar siempre si existe el archivo, y si no existe de una vez mover el archivo subido, en caso de que exista simplemente devolverle al backend una respuesta que diga que el archivo ya existe y no mover el archivo.
Voy a centrarme en el segundo, así que lo que planteo en estas palabras se puede ver de la siguiente manera:
hacemos la petición ajax con los archivos tal cuál como siempre la haces:
ajax.open("POST", subir.php);
una vez lleguen los archivos a php
, supongamos que nuestros videos o archivos se guarden en una carpeta llamada archivos que este al lado de nuestro subir.php
, entonces lo que podemos hacer para saber si el archivo con el mismo nombre ya existe es usar la función file_exists()
de php que nos permite saber exactamente eso, entonces tomemos por ejemplo un solo archivo y cojamosle su nombre:
<?php
header('Content-type:application/json;charset=utf-8');
$file1 = $_FILES['file1'];
$nombreFile = $file1['name'];
$carpetaArchivos = "/archivos";
if(file_exists("$carpetaArchivos/$nombreFile")){
//Si llegamos aquí el archivo con el mismo nombre y extension existe.
echo json_encode(['existe' => true]);
die();
}else{
//Quiere decir que no hay algún archivo con el mismo nombre y extensión
//Hacer las operaciones que requieras hacer y luego...
//Enviar la respuesta
echo json_encode['existe' => false, 'uploaded' => 'true'];
}
?>
Como vemos es bastante sencillo con esta función, solo debes cuidar que la carpeta exista.
En caso de que quieras hacer lo de la primera opción, solo deberás enviar el nombre del archivo que quieres comprobar mediante javascript y no el archivo entero, que para saber el nombre del archivo que se tiene actualmente guardando en files de tu input puedes hacerlo así:
/*
Supongamos que tu función que se encarga de recoger los,
archivos cada vez que cambien en tu input file sea esta,
entonces así podemos obtener el nombre de por ejemplo el
primer archivo subido:
*/
handleFiles(ev){
const nombrePrimerArchivo = ev.currentTarget.files[0].name;
}
Con esto ya sabemos entonces que podemos hacer y como lo podemos hacer, ya solo es cuestión de enviar este nombre para que se compruebe en el servidor y que el servidor nos devuelva la respusta para hacer lo pertinente en javascript.