Mettre la fonction upload sur l'icone

Miguel -  
jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   -
bsr a tous je n'arrive pas a faire a ce que lorsqu'on clique sur une icone ca applique la fonction upload mais sans icone ca donne, svp aidez a ajuster ca comme pour WhatsApp lorsqu'un veux prendre un fichier dans son téléphone pour envoyer

5 réponses

  1. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
     
    Bonjour
    Dans quel langage ?
    Qu'as-tu commencer à coder ?
    0
    1. Miguel
       
      jai <form action="traitement.php" method="post"
      enctype="multipart/form-data">

      <label for="file">Nom du fichier:</label>
      <input type="file" name="file" value="none" id="file" />
      <br />
      <input type="submit" name="submit" value="envoyer" />
      </form>

      <?php
      if ($_FILES["file"]["error"] > 0)
      {
      echo "Error: " . $_FILES["file"]["error"] . "<br
      />";
      }
      else
      {
      echo "Fichier à télécharger : " . $_FILES["file"]["name"] .
      "<br />";
      echo "Type : " . $_FILES["file"]["type"] . "<br />";
      echo "Taille : " . ($_FILES["file"]["size"] / 1024) . "
      Kb<br />";
      echo "Stocké dans : " . $_FILES["file"]["tmp_name"]; }
      ?>


      au lieu de input je veux j'ai mis une icone et ca ne marche pas
      0
  2. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
     
    Alors, déjà, lorsque tu postes du code sur le forum, tu dois utiliser les balises de code.
    Explications disponibles ici :
    https://codes-sources.commentcamarche.net/faq/11288-les-balises-de-code

    Ensuite, ta question ne concerne nu ni mysql... ni php ... mais le html

    Et je suppose, après avoir essayé de décrypter ce que tu as demandé .., que tu veux faire ceci
    <div class="img-upload">
        <label for="file-input">
            <img src="https://www.betachon.com/wp-content/uploads/2019/03/upload-your-logo-here-21052-p-800x800.png"/>
        </label>
    
        <input id="file_input" name="monfichier" type="file"/>
    </div>
    

    code css:
    .img-upload > input {
        display: none;
    }
    
    .img-upload img {
        width: 80px;
        cursor: pointer;
    }
    

    0
  3. Miguel
     
    merci et je voudrais son code php
    0
    1. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
       
      Son code ?
      Ben.. je te l'ai donné..
      0
  4. Vous n’avez pas trouvé la réponse que vous recherchez ?

    Posez votre question
  5. Miguel
     
    mais cette methode cache l'input et lorsque tu me l'image elle n'est pas cliquable. ca veux dire qu'elle n'entre mm pas dans la memoire chercher le fichier a uploader. or avec l'input ca se fait
    0
    1. jordane45 Messages postés 30426 Date d'inscription   Statut Modérateur Dernière intervention   4 830
       
      Bien entendu, tu as mis un attribut name à ton input file ?
      Sinon, en effet, la variable $_FILES sera vide ....

      Essaye ce code par exemple
      <?php
      function debug($var){
        echo "<pre>";
        var_dump($var);
        echo "</pre><hr>";
      }
      
      
      debug($_POST);
      
      debug($_FILES);
      
      
      ?>
      <!Doctype html>
      <html>
        <head>
          <meta charset="utf-8">
          <title>TEST</title>
          <style>
          .image-upload > input {
              display: none;
          }
      
          .image-upload img {
              width: 80px;
              cursor: pointer;
          }
          </style>
        </head>
        <body>
          <form action="" name="test" method="post" enctype="multipart/form-data">
            <div class="image-upload">
                <label for="file-input">
                    <img src="http://goo.gl/pB9rpQ"/>
                </label>
      
                <input id="file-input" name="monfichier" type="file"/>
            </div>
            <input type="submit" name="go" value="go">
          </form>
        </body>
      </html>
      
      0