Foros del Web » Programando para Internet » PHP »

[SOLUCIONADO] validar el tamaño de una imagen con javascript

Estas en el tema de validar el tamaño de una imagen con javascript en el foro de PHP en Foros del Web. Feliz navidad Amigos alguien que me pueda ayudar necesito validad el tamaño de una imagen que no pase de 200kb antes de enviarla al php ...
  #1 (permalink)  
Antiguo 26/12/2015, 08:00
 
Fecha de Ingreso: septiembre-2015
Ubicación: caracas
Mensajes: 75
Antigüedad: 9 años, 1 mes
Puntos: 0
validar el tamaño de una imagen con javascript

Feliz navidad

Amigos alguien que me pueda ayudar necesito validad el tamaño de una imagen que no pase de 200kb antes de enviarla al php para que procede la dada, las demas validaciones trabajan perfecto menos esta.

aqui estan las valiadaciones a través de un script function validar()


<script>

<!-- script para validad nombre -->

function validar(){
if(document.forms[0].nombres.value==""){
alert("El campo nombres esta vacio");
return false;
}

var letras="qwertyuiopasdfghjklñzxcvbnm QWERTYUIOPASDFGHJKLÑZXCVBNMáéíóúÁÉÍÓÚ";
var texto=document.forms[0].nombres.value;
var bandera=true;

for(i=0;i<texto.length;i++){
ch=texto.charAt(i);
for(j=0;j<letras.length;j++){
if(ch==letras.charAt(j)){
break;
}

if(j==letras.length-1){
bandera=false;
break;
}
}
}

if(!bandera){
alert("El campo nombres solo debe de tener letras");
return false;
}

<!-- script para validad apellido -->

if(document.forms[0].apellidos.value==""){
alert("El campo apellidos esta vacio");
return false;
}

var letras="qwertyuiopasdfghjklñzxcvbnm QWERTYUIOPASDFGHJKLÑZXCVBNMáéíóúÁÉÍÓÚ";
var texto=document.forms[0].apellidos.value;
var bandera=true;

for(i=0;i<texto.length;i++){
ch=texto.charAt(i);
for(j=0;j<letras.length;j++){
if(ch==letras.charAt(j)){
break;
}

if(j==letras.length-1){
bandera=false;
break;
}
}
}

if(!bandera){
alert("El campo apellidos solo debe de tener letras");
return false;
}

<!-- script para validad E_mail -->

if(document.forms[0].correo.value==""){
alert("Debe de escribir un E_mail valido");
return false;
}

var expr=/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
if(!expr.test(document.forms[0].correo.value)){
alert("Error: la direccion de E_mail es incorrecta");
return false;
}


<!-- script para validad telefono número 1 -->


if(document.forms[0].telf1.value==""){
alert("El campo teléfono móvil esta vacio");
return false;
}

if(isNaN(document.forms[0].telf1.value)){
alert("El campo teléfono móvil debe de contener datos numericos");
return false;
}

if(document.forms[0].telf1.value.length>11){
alert("El campo teléfono móvil no puede contener mas de 11 cifras");
return false;
}

if(document.forms[0].telf1.value.length<11){
alert("El campo teléfono móvil no puede tener menos de 11 cifras");
return false;
}

<!-- script para validad telefono número 2 -->


if(document.forms[0].telf2.value==""){
alert("El campo teléfono fijo esta vacio");
return false;
}

if(isNaN(document.forms[0].telf2.value)){
alert("El campo teléfono fijo debe de contener datos numericos");
return false;
}

if(document.forms[0].telf2.value.length>11){
alert("El campo teléfono fijo no puede contener mas de 11 cifras");
return false;
}

if(document.forms[0].telf2.value.length<11){
alert("El campo teléfono fijo no puede tener menos de 11 cifras");
return false;
}

<!-- script para validad imagen -->

if(document.forms[0].imagen.value==""){
alert("El campo imagen esta vacio");
return false;
}


var expr=/.(jpg)|(gif)|(png)|(jpeg)$/;
if(!expr.test(document.forms[0].imagen.value)){
alert("El campo imagen no posee alguna de estas extesiones: jpg - png - gif - jpeg");
return false;
}

var size = parseFloat(imagen.files[0].size / 200).toFixed(2);
if(!size.test(document.forms[0].imagen.value)){
alert("El tamaño de imegen no puede pasar de 200kb");
return false;
}



document.forms[0].submit();
}


</script>

este en el formulario



<form action="registroage.php" method="POST" enctype="multipart/form-data" class="form-horizontal"/>



<input type="file" name="imagen"/>
<p class="help-block">Máximo 200 kb en tamaño</p>



<input type="button" value="Guardar registro" onClick="validar()" class="btn btn-primary btn-md">

<input type="reset" value="Borrar registro" button class="btn btn-success">

Por favor si me pueden atudar se los agradeceria, gracias de antemano
Ymanol C
__________________
ymanol caires z
  #2 (permalink)  
Antiguo 26/12/2015, 08:23
 
Fecha de Ingreso: noviembre-2003
Ubicación: Zaragoza, España
Mensajes: 1.257
Antigüedad: 21 años
Puntos: 154
Respuesta: validar el tamaño de una imagen con javascript

Hola ycaires,

Yo creo que esto debería estar en el foro de JavaScript, puesto que no es PHP si no JavaScript
  #3 (permalink)  
Antiguo 26/12/2015, 08:33
 
Fecha de Ingreso: septiembre-2015
Ubicación: caracas
Mensajes: 75
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: validar el tamaño de una imagen con javascript

ok gracias pido disculpas
__________________
ymanol caires z
  #4 (permalink)  
Antiguo 27/12/2015, 09:14
 
Fecha de Ingreso: septiembre-2015
Ubicación: caracas
Mensajes: 75
Antigüedad: 9 años, 1 mes
Puntos: 0
Respuesta: validar el tamaño de una imagen con javascript

solucionado lo valide por PHP de color rojo esta la rutina para cargar archivo no mayores de 100 kb

<?php

$server = "localhost";
$usuario = "root";
$contraseña = "";
$bd = "agenda";


$conexion = mysqli_connect($server,$usuario,$contraseña,$bd)
or die ("error en conexión favor verificar la conexión");


$nombres = $_POST['nombres'];
$apellidos = $_POST['apellidos'];
$correo = $_POST['correo'];
$telf1 = $_POST['telf1'];
$telf2 = $_POST['telf2'];
$imagen = addslashes (file_get_contents($_FILES['imagen']['tmp_name']));

define("MAX_SIZE",102400);
if($_FILES["imagen"]["size"] <MAX_SIZE){
}else{
echo "excede";
return;
}



$insertar = "INSERT INTO agendap (nombres,apellidos,correo,telf1,telf2,imagen) VALUES ('$nombres','$apellidos','$correo','$telf1','$telf 2','$imagen')";


$resultado = mysqli_query($conexion,$insertar)
or die ("Error en el intento de registrar la data nombre ya existe");

mysqli_close($conexion);
echo "Data registrada correctamente";

?>
__________________
ymanol caires z

Etiquetas: formulario, javascript, registro, tamaño
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 22:44.