Ver Mensaje Individual
  #3 (permalink)  
Antiguo 10/10/2012, 09:44
Montes28
 
Fecha de Ingreso: septiembre-2010
Mensajes: 1.853
Antigüedad: 14 años, 2 meses
Puntos: 6
Respuesta: problema con versiones de jquery

Dradi7 gracias por responder

Código Javascript:
Ver original
  1. <script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
  2. <script type="text/javascript" src="http://code.jquery.com/ui/1.8.24/jquery-ui.min.js"></script>
  3. <script language="javascript" src="js/AjaxUpload.2.0.min.js"></script>


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

Código HTML:
Ver original
  1. <input type="text" />
  2.  
  3. <input name="" type="button"  id="upload_button" value="Subir Imagen"/>
  4. <br />
  5. <a id="lista">
  6. </a><br />
  7. <!--<a href="">Ver Imagen</a>-->
  8. <input type="text" id="ruta"/>
  9. </body>