Mettre la fonction upload sur l'icone

Fermé

Miguel - 4 déc. 2020 à 20:59
jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 - 7 déc. 2020 à 16:51

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:

Mettre la fonction upload sur l'icone
Fonction si et - Guide
Mettre icone sur bureau - Guide
Icone windows - Guide
Fonction moyenne excel - Guide
Youtube upload - Télécharger - Diffusion

5 réponses

Réponse 1 / 5

jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
4 déc. 2020 à 21:07

Bonjour
Dans quel langage ?
Qu'as-tu commencer à coder ?

Miguel
4 déc. 2020 à 21:41

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

Réponse 2 / 5

Miguel
4 déc. 2020 à 21:09

php

Réponse 3 / 5

jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
5 déc. 2020 à 22:00

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;
}

Réponse 4 / 5

Miguel
6 déc. 2020 à 02:03

merci et je voudrais son code php

jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
6 déc. 2020 à 10:57

Son code ?
Ben.. je te l'ai donné..

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

Posez votre question

Réponse 5 / 5

Miguel
7 déc. 2020 à 16:32

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

jordane45 Messages postés 38314 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 24 novembre 2024 4 705
7 déc. 2020 à 16:51

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>

Discussions similaires

dossier avec une fermeture eclaire

Que signifie cet icône ???

supprimer une icône du bureau

Fourtoutici introuvable, comment le télécharger ?

Dossiers et fichiers compressés sous Vista