2012-10-06 137 views
6

Estoy tratando de cargar archivos a través de la página html en nuestro servidor basado en Unix, pero no sé cómo tomar los archivos en el servidor remoto & guardando archivos allí.Subir archivos en el servidor remoto a través de html y javascript

Escribo el siguiente código, ayúdenme a conectarlo.

<html> 
<head> 
<script type="text/javascript"> 

function Upload() 
{ 

var filename = document.getElementById("filename").value; 

var storepath = "HOSTURL/Foldername"; 

} 
</script> 
</head> 
<body> 
<form action="" method="post" enctype="multipart/form-data" > 
    <input type="file" name="filename" /> 
    <input type="submit" value="Upload" onclick="Upload" /> 
</form 
</body> 
</html> 
+2

Aparte del hecho de que no ha configurado 'acción' en su formulario, lo que tiene debe permitirle cargar un archivo a su servidor (el javascript que tiene es completamente innecesario). En ese punto, todo es procesamiento en el lado del servidor. ¿Qué estás usando en tu servidor? – ultranaut

+1

Si realmente necesita usar Javascript (comentarios al cargar, etc.), no reinvente la rueda: use uno de los muchos cargadores de archivos javascript como [this] (http://blueimp.github.com/jQuery-File-Upload/) uno. Pero aún es más fácil simplemente publicar el archivo en un servidor utilizando métodos tradicionales. – didster

+0

No puedo guardar el archivo en la ubicación especificada. Por favor, hágame saber cómo puedo hacer eso. – Saurabh

Respuesta

2

¿Por qué usar JavaScript? Puede simple uso del formulario HTML para publicar su archivo en el servidor:

<html> 
    <body> 
    <form action="/foo/bar.ext" method="post" enctype="multipart/form-data"> 
     <input type="file" name="filename" /> 
     <input type="submit" value="Upload" /> 
    </form> 
    </body> 
</html> 

Cambiar la forma action a la ubicación que desea publicar el archivo.

+0

Estoy usando esto y cuando pruebo en mi máquina local solo me lleva a la URL de acción y no carga ningún archivo allí. – Saurabh

+0

No puedo guardar el archivo en la ubicación especificada. Por favor, hágame saber cómo puedo hacer eso. – Saurabh

+0

¿Qué idioma usas php, asp.net, etc.? Y tal vez es mejor crear una nueva pregunta. – Erwin

2

PHP sería una mejor opción para esto.

<?php 
if(isset($_POST["Upload"])) 
{ 
    $target_path = "uploads/"; 

    $target_path = $target_path . basename($_FILES['filename']['name']); 

    if(move_uploaded_file($_FILES['filename']['tmp_name'], $target_path)) { 
     echo "The file ". basename($_FILES['filename']['name']). " has been uploaded"; 
    } else{ 
     echo "There was an error uploading the file, please try again!"; 
    } 
} 
?> 
<form method="post" enctype="multipart/form-data" action="<?php echo $_SERVER['PHP_SELF']; ?>" > 
    <input type="hidden" name="MAX_FILE_SIZE" value="100000" /> 
    <input type="file" name="filename" /> 
    <input type="submit" value="Upload" name="Upload" /> 
</form> 
+1

La respuesta de Erwin también funcionaría. – Ner0

+0

Solo necesito hacer eso con HTML y javascript ... gracias, pero no es necesario código PHP. Es irónico si me puedes ayudar a través de HTML y javascript. – Saurabh

Cuestiones relacionadas