Mettre la fonction upload sur l'icone

Miguel -  
jordane45 Messages postés 38486 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
A voir également:

5 réponses

Réponse 1 / 5
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Bonjour
Dans quel langage ?
Qu'as-tu commencer à coder ?
0
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
Réponse 2 / 5
Miguel
 
php
0
Réponse 3 / 5
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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
Réponse 4 / 5
Miguel
 
merci et je voudrais son code php
0
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
Son code ?
Ben.. je te l'ai donné..
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 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
jordane45 Messages postés 38486 Date d'inscription   Statut Modérateur Dernière intervention   4 752
 
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