Estoy intentado crear una pequeña aplicación que permita subir un archivo a una carpeta determinada, pero no hay forma de que haga nada y no se ya en que me estoy confundiendo. Muchas gracias
Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".messages").hide();
//queremos que esta variable sea global
var fileExtension = "";
//función que observa los cambios del campo file y obtiene información
$(':file').change(function()
{
var archivos = new FormData($("#Documentos")[0]);
//obtenemos un array con los datos del archivo
var file = $("#documento")[0].files[0];
//obtenemos el nombre del archivo
var fileName = file.name;
//obtenemos la extensión del archivo
fileExtension = fileName.substring(fileName.lastIndexOf('.') + 1);
//obtenemos el tamaño del archivo
var fileSize = file.size;
//obtenemos el tipo de archivo image/png ejemplo
var fileType = file.type;
//mensaje con la información del archivo
alert (fileName);
showMessage("<span class='info'>Archivo para subir: "+fileName+", peso total: "+fileSize+" bytes.</span>");
});
alert('Inicio');$('#SubirArchivo_btn').click(funct ion(){
//información del formulario
var archivos = new FormData($('#Documentos')[0]);
//var formData = new FormData($(".formulario")[0]);
var message = "";
alert('Enviando fichero...');
//hacemos la petición ajax
var url = "GuardarPHP.php";
$.ajax({
//Url a donde la enviaremos
url:url,
type:'POST', //Metodo que usaremos
contentType:false, //Debe estar en false para que pase el objeto sin procesar
data:archivos, //Le pasamos el objeto que creamos con los archivos
processData:false, //Debe estar en false para que JQuery no procese los datos a enviar
cache:false, //Para que el formulario no guarde cache
success: function() {
alert('El envío fue satisfactorio');
}
}).done(function(respuesta){
alert(respuesta.mensaje);
});
});
});
</script>
<title>Documento sin título</title>
</head>
<body>
<form id="Documentos" method="post" enctype="multipart/form-data">
<input type="file" name="documento" id="documento" />
<input id="SubirArchivo_btn" value="Enviar" type="button" />
</form>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$(".messages").hide();
//queremos que esta variable sea global
var fileExtension = "";
//función que observa los cambios del campo file y obtiene información
$(':file').change(function()
{
var archivos = new FormData($("#Documentos")[0]);
//obtenemos un array con los datos del archivo
var file = $("#documento")[0].files[0];
//obtenemos el nombre del archivo
var fileName = file.name;
//obtenemos la extensión del archivo
fileExtension = fileName.substring(fileName.lastIndexOf('.') + 1);
//obtenemos el tamaño del archivo
var fileSize = file.size;
//obtenemos el tipo de archivo image/png ejemplo
var fileType = file.type;
//mensaje con la información del archivo
alert (fileName);
showMessage("<span class='info'>Archivo para subir: "+fileName+", peso total: "+fileSize+" bytes.</span>");
});
alert('Inicio');$('#SubirArchivo_btn').click(funct ion(){
//información del formulario
var archivos = new FormData($('#Documentos')[0]);
//var formData = new FormData($(".formulario")[0]);
var message = "";
alert('Enviando fichero...');
//hacemos la petición ajax
var url = "GuardarPHP.php";
$.ajax({
//Url a donde la enviaremos
url:url,
type:'POST', //Metodo que usaremos
contentType:false, //Debe estar en false para que pase el objeto sin procesar
data:archivos, //Le pasamos el objeto que creamos con los archivos
processData:false, //Debe estar en false para que JQuery no procese los datos a enviar
cache:false, //Para que el formulario no guarde cache
success: function() {
alert('El envío fue satisfactorio');
}
}).done(function(respuesta){
alert(respuesta.mensaje);
});
});
});
</script>
<title>Documento sin título</title>
</head>
<body>
<form id="Documentos" method="post" enctype="multipart/form-data">
<input type="file" name="documento" id="documento" />
<input id="SubirArchivo_btn" value="Enviar" type="button" />
</form>
</body>
</html>
Código PHP:
<?php
if(!empty($_SERVER['HTTP_X_REQUESTED_WITH']) && strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) == 'xmlhttprequest')
{
$Destino = 'documento/';
$Documento =$Destino.basename($_FILES["documento"]['name']);
copy($_FILES['documento']['tmp_name'],$Documento);
if ($Documento && move_uploaded_file($_FILES['documento']['tmp_name'],"documentos/".$Documento))
{
sleep(3);//retrasamos la petición 3 segundos
echo $Documento;//devolvemos el nombre del archivo para pintar la imagen
}
}else{
throw new Exception("Error Processing Request", 1);
}
?> 
