atributos del input file
hola,
tengo un formulario con un input tipo file, este es el codigo:
<form name="formulario" method="post">
<input type="file" name="archivo">
</form>
necesito que se puedan seleccionar solo imagenes y que cuando se seleccione la imagen, esta se muestre en esa pagina JSP.
ahh ya probe con accept="image/jpeg" para restringuir q solo sean imagenes y no funciona.
si pueden ayudarme se los agradezco :(
tengo un formulario con un input tipo file, este es el codigo:
<form name="formulario" method="post">
<input type="file" name="archivo">
</form>
necesito que se puedan seleccionar solo imagenes y que cuando se seleccione la imagen, esta se muestre en esa pagina JSP.
ahh ya probe con accept="image/jpeg" para restringuir q solo sean imagenes y no funciona.
si pueden ayudarme se los agradezco :(
Hola !!
Para que solo se permitan imagenes puedes utilzar el siguiente script hecho con javascript:
<SCRIPT language="JavaScript" type="text/javascript">
<!-- Begin
extArray = new Array(".gif", ".jpg", ".png");
function LimitAttach(form, file) {
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) form.submit();
else
alert("Solo puede subir archivos del tipo: "
+ (extArray.join(" ")) + "nPor favor, seleccione un nuevo archivo "
+ "para subir y mandelo después.");
document.forms[0].reset();
document.forms[0].uploadfile.focus();
}
// End -->
</script>
</head>
<body bgcolor="#ffff99">
<div align="center">Para que el visitante suba archivos al servidor. Podemos filtrar el tipo de archivos.</div><br><br>
<center>
Por favor, suba sólo archivos de imagenes de extensión:
<script>
document.write(extArray.join(" "));
</script>
<p>
<form method=post name=upform action="/cgi-bin/some-script.cgi" enctype="multipart/form-data">
<input type=file name="uploadfile">
<p>
<input type=button name="Submit" value="Submit" onclick="LimitAttach(this.form, this.form.uploadfile.value)">
</form>
</center>
</body>
</html>
Para que solo se permitan imagenes puedes utilzar el siguiente script hecho con javascript:
<SCRIPT language="JavaScript" type="text/javascript">
<!-- Begin
extArray = new Array(".gif", ".jpg", ".png");
function LimitAttach(form, file) {
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) form.submit();
else
alert("Solo puede subir archivos del tipo: "
+ (extArray.join(" ")) + "nPor favor, seleccione un nuevo archivo "
+ "para subir y mandelo después.");
document.forms[0].reset();
document.forms[0].uploadfile.focus();
}
// End -->
</script>
</head>
<body bgcolor="#ffff99">
<div align="center">Para que el visitante suba archivos al servidor. Podemos filtrar el tipo de archivos.</div><br><br>
<center>
Por favor, suba sólo archivos de imagenes de extensión:
<script>
document.write(extArray.join(" "));
</script>
<p>
<form method=post name=upform action="/cgi-bin/some-script.cgi" enctype="multipart/form-data">
<input type=file name="uploadfile">
<p>
<input type=button name="Submit" value="Submit" onclick="LimitAttach(this.form, this.form.uploadfile.value)">
</form>
</center>
</body>
</html>