Ayuda tengo un problema con un script
Publicado por Francisco (1 intervención) el 20/07/2019 08:54:33
hola a todos tengo un ploblema con un script que quiere implementar una app, script lo que hace es validar el peso o tamaño del archivo y la extencion aqui les dejo el codigo.
el problema que presenta es con la validación del tamaño de la imagen, todo lo demás funciona bien si le quitas la validación de tamaño, la falla es que todas las imágenes que selecciones activas el alert asi la imagen pese menos de 200 kb
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<script type="text/javascript">
function validarExt()
{var archivo = document.getElementById('archivo');
var archivoRuta = archivo.value;
var extPermitidas = /(.jpeg|.jpg|.png|.gif)$/i;
if(archivo.size <= 200*1024){
alert('ASEGURATE DE QUE LA IMAGEN NO PESA DE 200 KB');
document.getElementById("archivo").value = "";
}else{
if(!extPermitidas.exec(archivoRuta)){
alert('ASEGURATE DE AVER SELECIONADO UNA IMAGEN');
archivo.value = '';
return false;
}else
{ //PRevio del PDF
if (archivo.files && archivo.files[0])
{var visor = new FileReader();
visor.onload = function(e)
{document.getElementById('visorArchivo').innerHTML =
'<embed src="'+e.target.result+'" width="100" height="100" />';
};visor.readAsDataURL(archivo.files[0]);
} } }}</script>
<form method="post" action="guardar.php" enctype="multipart/form-data">
<input type="file" name="archivo" id="archivo" class="col-md-offset-4 col-md-4" onchange="return validarExt()" />
<br /><br />
<div id="visorArchivo">
<!--Aqui se desplegará el fichero--></div>
<br /><br />
<button type="submit" class="btn btn-primary">Guardar</button>
</form>
el problema que presenta es con la validación del tamaño de la imagen, todo lo demás funciona bien si le quitas la validación de tamaño, la falla es que todas las imágenes que selecciones activas el alert asi la imagen pese menos de 200 kb
Valora esta pregunta
0
