Tema: subir archivo al servidor mediante ajax
Ver Mensaje Individual
  #8 (permalink)  
Antiguo 09/10/2012, 09:47
Montes28
 
Fecha de Ingreso: septiembre-2010
Mensajes: 1.853
Antigüedad: 14 años, 3 meses
Puntos: 6
Respuesta: subir archivo al servidor mediante ajax
amigos ya lo solucione

Código Javascript: 
Ver original
  1. <script language="javascript" src="js/jquery-1.3.1.min.js"></script>
  2. <script language="javascript" src="js/AjaxUpload.2.0.min.js"></script>
  3. <script language="javascript">
  4. $(document).ready(function(){
  5.     var button = $('#upload_button'), interval;
  6.     new AjaxUpload('#upload_button', {
  7.         action: 'upload.php',
  8.         onSubmit : function(file , ext){
  9.         if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){
  10.             // extensiones permitidas
  11.             alert('Error: Solo se permiten imagenes');
  12.             // cancela upload
  13.             return false;
  14.         } else {
  15.             button.text('Uploading');
  16.             this.disable();
  17.         }
  18.         },
  19.         onComplete: function(file, response){
  20.             button.text('Upload');
  21.             // enable upload button
  22.             this.enable();          
  23.             // Agrega archivo a la lista
  24.             $('#lista').appendTo('.files').text(file);
  25.             $('#fotosWrapper').append(response);
  26.             
  27.             
  28.         }   
  29.         
  30.     });
  31. });
  32. </script>

Código HTML: 
Ver original
  1. <body>
  2. <!--<div id="upload_button">Subir Imagen</div>-->
  3. <input name="" type="button" id="upload_button" value="Subir Imagen"/>
  4. <div id="fotosWrapper"></div>
  5. <ul id="lista">
  6.  
  7. </ul>
  8. </body>

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. ?>


desde aca me guie
http://www.miguelmanchego.com/2009/s...o-ajax-jquery/