Poseo un problema con mi codigo y agradeceria ayuda para corregir este.
Lo que se supone que debe hacer es cargar una imagen sin tener recargar la pagina, utilize jqery para acceder a la funcion .ajax y php es el que realiza el guardado y la muestra de la imagen.
Este es el codigo de la pagina.html
Código HTML:
<!-- Subir multiples archivos -->
<html>
<head>
<title>Problema</title>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="eje3.js"></script>
</head>
<body>
Seleccione una imagen:<input type="file" name="foto" id="nu"><br>
<input type="button" href="javascript:;" onclick="proceso($('#nu').val());return false;" value="Calcula"/>
<div id="resultados"></div>
</body>
</html> Esta es la de la funcion con jquery (funcion.js)
Código Javascript
:
Ver originalvar x=$("#nu").attr("name");
function proceso(n){
var numero = {"valor":x};
$.ajax({
async:true,
type: "POST",
dataType: "html",
contentType: "application/x-www-form-urlencoded",
url:"eje3.php",
data:numero,
beforeSend:function () {
$("#resultados").html("Procesando, espere por favor...");
},
success:function (datos) {
$("#resultados").html(datos);
},
timeout:4000,
});
return false;
}
y Esta es la pagina php que realiza el guardado y muestra la imagen subida (eje3.php)
Código PHP:
Ver original<?php
//------------------
if ($_FILES['valor']['tmp_name']!="")
{
copy($_FILES['valor']['tmp_name'],$_FILES['valor']['name']); $nom=$_FILES['valor']['name'];
//filtrar por extencion :P inicio
$archivo = $nom;
$extension = end($trozos); echo "La extensión del archivo es: $extension"."<br>";
// fin
$j="jpg";
$png="png";
$jpeg="jpeg";
if($extension==$j || $extension==$png || $extension==$jpeg){
echo "<img src=\"$nom\">";
}else{
echo "No es una Imagen ";
}
}
?>
Lo que sucede es que no me realiza esto, simplemente dice "procesando por favor espere" el mensaje antes de subir, pero deresto nada, no sube ni mucho menos guarda
quiziera saber que parte tengo mal, o si estoy haciendo todo esto mal.
Gracias :D