Nueva pregunta

Pregunta:

Fecha: 30-12-2017 19:01:46 (En Español)

Colocar imagen por genero automaticamente en php y mysql[No resuelta]

Hola a todos mi duda es tengo un formulario de registro,la cual en campo es genero:M o F.mi duda es como colocar una imagen automaticamente cuando elegi femenino se le asignara una imagen de una chica de lo contrario si es masculino una imagen de un chico? Etiquetas: MySQL - PHP - Pregunta Votos: 0 - Respuestas: 3 - Vistas: 13 Compartir en: Google Facebook Twitter LinkedIn Link
 

Respuestas:

  • Fecha: 31-12-2017 06:46:45 Puedes hacerlos con tus variables de sesion al loguearse el usuario
      <?php
    
      if($_SESSION['genero']=="M"){
        $imagen = "caballero.jpg";
      }else{
        $imagen = "dama.jpg";
      }
      ?>
    
      <img src="<?php echo $imagen; ?>"/>
    
      Votos: 1 - Link respuesta
     
  • Fecha: 31-12-2017 06:48:14 tambien deberias de pensar en cuando requieras (si tu sistema lo llegara a requerir) el login social (facebook, gmail, twitter), el utilizar la imagen de su red social.

    para ello te ayudaria hecharle un vistaso a firebase
      Votos: 1 - Link respuesta
     
  • Fecha: 08-01-2018 20:42:25 Eduard, si tienes un formulario con una imagen que depende de tu elección puedes cambiarla con el evento change del elemento radio. Al cambiar corre una función que cambia la imagen. Esto funciona al momento de registrarse:
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>Document</title>
        <script>
        function cambiarImagen(e,g){
            let img = document.getElementById('imagenDeGenero')
            if( e ){
                if( g=='m'){
                    img.setAttribute('src',"https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcTKvBCe7Rpx8AXsQ7QxKNiFAjGvroCA_XK-SWafPKz8nfFkxCtX");
                    console.log("masculino");
                }else{
                    img.setAttribute('src',"https://images.vexels.com/media/users/3/140236/isolated/preview/20d26c1064c9a7a4ccfc85820529b3f1-female-profile-avatar-3-by-vexels.png");
                    console.log("femenino");
                }
            }else{
                img.attribute('src',"https://vignette.wikia.nocookie.net/ben10fanon/images/1/18/Signo_de_pregunta.png/revision/latest/scale-to-width-down/380?cb=20140605172421&path-prefix=es");
                console.log("default");
            }
        }
    
        </script>
    </head>
    <body>
        <label for="m">Masculino</label><input type="radio" name="gen" id="m" onChange="cambiarImagen(this.checked,'m')">
        <label for="f">Femenino</label><input type="radio" name="gen" id="f" onChange="cambiarImagen(this.checked,'f')">
        <img id="imagenDeGenero" src="https://vignette.wikia.nocookie.net/ben10fanon/images/1/18/Signo_de_pregunta.png/revision/latest/scale-to-width-down/380?cb=20140605172421&path-prefix=es" alt="imagen de género" style="width:200px;height:200px">
    </body>
    </html>

    En cambio si el visitante se valida y sabes quién es con su usuario y contraseña, puedes cargar con php la imagen que corresponda, tal como dice Carlos Q arriba, sólo que la variable de sesión la reemplazas por el valor del campo genero y quedaría así:
    <?php
    $sql = "SELECT nombre,apellido,genero FROM tablaUsuarios WHERE user='usuario' && clave='laclave' ";
    $res = $conn->query($sql);
        if( $res->num_rows >0 ){
            $a = $res->fetch_assoc();
            // Código de Carlos Q
            // recuperas el campo 'genero'
            if( $a['genero']=="M" ){
                $imagen = "caballero.jpg";
            }else{
                $imagen = "dama.jpg";
            }
        }
    ?>
     <img id="imagenDeGenero" src="<? echo $imagen ?>" alt="imagen de género" style="width:200px;height:200px">


    Espero te oriente.
    Un abrazo
      Votos: 0 - Link respuesta
     
Para participar activamente de la comunidad primero debes autenticarte, ingresa al sistema.Iniciar Sesión
 
frjcbbae garagebible.com