Foros del Web » Programando para Internet » Javascript »

Mostrar archivos de tipo imagen

Estas en el tema de Mostrar archivos de tipo imagen en el foro de Javascript en Foros del Web. Hola gente, tengo un formulario que sirve para que el usuario seleccione una fotografía y la envíe para esto estoy usando un control del tipo ...
  #1 (permalink)  
Antiguo 27/06/2003, 10:27
 
Fecha de Ingreso: mayo-2003
Mensajes: 523
Antigüedad: 21 años
Puntos: 6
Mostrar archivos de tipo imagen

Hola gente, tengo un formulario que sirve para que el usuario seleccione una fotografía y la envíe para esto estoy usando un control del tipo <input type="file" Lo que me gustaría es que al abrirse la ventana para seleccionar el archivo únicamente se vieran los archivos de tipo imagen (.jpg, .gif, etc.) ¿Cómo puedo lograr esto?

Desde ya muchas gracias,

Tomás.
  #2 (permalink)  
Antiguo 28/06/2003, 15:02
Avatar de Mickel  
Fecha de Ingreso: mayo-2002
Ubicación: Lima, Peru
Mensajes: 4.619
Antigüedad: 22 años
Puntos: 7
Aca te dejo la funcion que suelo usar...

function LimitAttach(tField,iType) {
file=tField.value;
if (iType==1) {
extArray = new Array(".gif",".jpg");
}
if (iType==2) {
extArray = new Array(".swf");
}
if (iType==3) {
extArray = new Array(".exe",".sit",".zip",".tar",".swf",".mov",". hqx",".ra",".wmf",".mp3",".qt",".med",".et");
}
if (iType==4) {
extArray = new Array(".mov",".ra",".wmf",".mp3",".qt",".med",".et ",".wav");
}
if (iType==5) {
extArray = new Array(".html",".htm",".shtml");
}
allowSubmit = false;
if (!file) return;
while (file.indexOf("\\") != -1) file = file.slice(file.indexOf("\\") + 1);
ext = file.slice(file.indexOf(".")).toLowerCase();
for (var i = 0; i < extArray.length; i++) {
if (extArray[i] == ext) {
allowSubmit = true;
break;
}
}
if (allowSubmit) {
} else {
tField.value="";
alert("Usted sólo puede subir archivos con extensiones " + (extArray.join(" ")) + "\nPor favor seleccione un nuevo archivo");
}
}

donde tField es tu campo File y type depende de lo que quieras validar
__________________
No tengo firma ahora... :(
  #3 (permalink)  
Antiguo 30/06/2003, 03:31
Avatar de KarlanKas
Moderador extraterrestre
 
Fecha de Ingreso: diciembre-2001
Ubicación: Madrid
Mensajes: 6.987
Antigüedad: 22 años, 4 meses
Puntos: 61
Hola!

En teoría hay una propiedad de input file que sirve para eso:
<input type="file"
name="archivo"
size="40"
accept="image/jpeg,image/gif,image/x-png">
Pero no está implementada en ningún navegador por lo que se debe resolver con Javascript como te sugieren.

Por eso vamos quitar esta pregunta de HTML y la vamos a poner en Javascript.

Un saludo!!

__________________
Cómo escribir

No hay pregunta tonta, sino tonto que quiere seguir en la ignorancia.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 03:45.