Tema: restringuir los archivos permitidos en el explorer que abre un input file
Ver Mensaje Individual
  #10 (permalink)  
Antiguo 01/06/2010, 00:21
iovan
 
Fecha de Ingreso: septiembre-2007
Ubicación: PyRoot
Mensajes: 1.515
Antigüedad: 17 años, 3 meses
Puntos: 188
Respuesta: restringuir los archivos permitidos en el explorer que abre un input fil
Gracias amigos, ya había visto aquel tema. Pero se me complica adaptarlo a mi código.

Verán les pondre una manera que a mi parecer es más sencilla para validar extenciones de archivos, yo la hice y por ser nuevo en esto uso código mas simple.

Además que son menos archivos y menos lineas.


validador.php
Código PHP: 
Ver original
  1. <?php
  2.  
  3. $imageFile = $_POST['imageFile'];
  4. $imageType = strtolower(substr(strrchr($imageFile, "."), 1));
  5.  
  6. if($imageType == "jpg" || $imageType == "gif" || $imageType == "png" || $imageType == "bmp"){ echo "1"; } else { echo "2"; }
  7.  
  8. ?>


archivo html
Código HTML: 
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <script type="text/javascript" language="javascript">
  6.    //Creo objeto XMLHTTPREQUEST
  7.    function nuevoAjax(){
  8.     var xmlhttp=false;
  9.     try {
  10.         xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
  11.     } catch (e) {
  12.         try {
  13.             xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
  14.         } catch (E) {
  15.             xmlhttp = false;
  16.         }
  17.     }
  18.  
  19.     if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
  20.         xmlhttp = new XMLHttpRequest();
  21.     }
  22.     return xmlhttp;
  23. }
  24.    
  25.    //Valido extencion de la imagen
  26.    function validar(){
  27.       var ajax = nuevoAjax(),
  28.           imagen = document.getElementById('imageFile').value;
  29.           
  30.           function updateTipsAlert(t){
  31.             alert(t);
  32.             return false;
  33.           }
  34.           
  35.           function updateTips(t){
  36.             document.getElementById('validates').innerHTML = t;
  37.           }
  38.  
  39. if(imagen.length <= 0) { updateTips('Debes escoger un archivo'); } 
  40.   else {
  41.  
  42.     ajax.open("POST", "validador.php",true);      
  43.     ajax.onreadystatechange=function() {
  44.         if (ajax.readyState==4) {
  45.             
  46.         if(ajax.responseText==2) { 
  47.         
  48.         updateTipsAlert('El formato no es valido'); 
  49.            
  50.                                 //Creo un nuevo campo file
  51.             tagDiv = document.createElement('div');
  52.             tagDiv.setAttribute("style","position:absolute; top:0px; left:0px; width:148px; height:20px; background:url(http://midominio.com/transparente.gif); background-repeat:repeat;");
  53.             
  54.             control = document.createElement("input");
  55.             control.setAttribute("type", "file");
  56.             control.setAttribute("name","imageFile");
  57.             control.setAttribute("id","imageFile");
  58.             control.setAttribute("onchange","validar();");
  59.  
  60.             //Borro el campo file anterior
  61.             document.getElementById('validateTips').innerHTML = "";
  62.             
  63.                                           document.getElementById('validateTips').appendChild(tagDiv);
  64.             document.getElementById('validateTips').appendChild(control);
  65.         
  66.         }
  67.             
  68.         }
  69.     }
  70.     
  71. }
  72.     ajax.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
  73.     ajax.send("imageFile="+imagen);
  74.           
  75.           
  76.    }
  77.  
  78. </script>
  79. </head>
  80.  
  81. <body>
  82. <p id="validates"></p>
  83. <div id="validateTips" style="position:relative;">
  84. <div style="position:absolute; top:0px; left:0px; width:148px; height:20px; background:url(http://midominio.com/transparente.gif); background-repeat:repeat;"></div>
  85. <input type="file" name="imageFile" id="imageFile" onchange="validar();"  />
  86. </div>
  87. </body>
  88. </html>


Espero que se entienda, no lo he organizado pero lo he probado y funciona.

Que opinan.

Saludos.
__________________
Si quieres agradecer el triangulo obscuro de la parte derecha debes presionar +.