Ver Mensaje Individual
  #9 (permalink)  
Antiguo 09/10/2012, 11:10
Montes28
 
Fecha de Ingreso: septiembre-2010
Mensajes: 1.853
Antigüedad: 13 años, 7 meses
Puntos: 6
Respuesta: subir archivo al servidor mediante ajax

amigos si puedo realizar la tarea que es subir el archivo pero tengo un problema

emperar gracias por responder , te voy a explicar que es lo que necesito es subir un archivo al servidor y la respuesta que debo de tener es la un input con la ruta de donde puesdo encontrar la imagen (esto lo utilizo para despues ver la imagen mediante un href).


me guie de este manual
http://www.miguelmanchego.com/2009/s...o-ajax-jquery/

necesito que el input se cambie cada vez que se sube un archivo , ahora estoy haciendo es que se genere un input por cada archivo que estoy subiendo



<!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" />
<title>AJAX uploader plugin</title>
<meta name="description" content="Demo de uploader ajax, usando un plugin para jquery" />
<meta name="keywords" content="jquery, ajax" />
<script language="javascript" src="js/jquery-1.3.1.min.js"></script>
<script language="javascript" src="js/AjaxUpload.2.0.min.js"></script>
<script language="javascript">
$(document).ready(function(){
var button = $('#upload_button'), interval;
new AjaxUpload('#upload_button', {
action: 'upload.php',
onSubmit : function(file , ext){
if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
// extensiones permitidas
alert('Error: Solo se permiten imagenes');
// cancela upload
return false;
} else {
button.text('Uploading');
this.disable();
}
},
onComplete: function(file, response){
button.text('Upload');
// enable upload button
this.enable();
// Agrega archivo a la lista
$('#lista').appendTo('.files').text(file);
$('#fotosWrapper').append(response);


}

});
});
</script>
<!--<link href="style.css" rel="stylesheet" type="text/css" />-->
</head>

<body>
<!--<div id="upload_button">Subir Imagen</div>-->
hora :<input id="hora" name="hora" value="10" /><br />
Imagen :<input name="" type="button" id="upload_button" value="Subir Imagen"/>
<div id="fotosWrapper"></div>
<ul id="lista">

</ul>
</body>
</html>

Código PHP:
Ver original
  1. <?php
  2. $uploaddir = 'uploads/';
  3. $uploadfile = $uploaddir . basename($_FILES['userfile']['name']);
  4.  
  5. if (move_uploaded_file($_FILES['userfile']['tmp_name'], $uploadfile)) {
  6.   //echo "success";
  7.   //echo"Archivo arriba";
  8.   echo "<input type='text' size='25' name='mensaje' id='mitexto' value="."uploads/".$_FILES['userfile']['name']."/>";
  9.   echo "<a href="."uploads/".$_FILES['userfile']['name'].">ver</a>";
  10. } else {
  11.   echo "error";
  12. }
  13.  
  14.  
  15. ?>