Boucle et label dans input

Sinistrus Messages postés 1010 Date d'inscription Statut Membre Dernière intervention -
Sinistrus Messages postés 1010 Date d'inscription Statut Membre Dernière intervention - 13 sept. 2012 à 11:40

Bonjour à tous !

Alors voilà, dans un fichier php, je fais une boucle pour uploader des images.

<script language="JavaScript" type="text/javascript"> 
function choix(fichier){document.getElementById('voir').innerHTML = fichier;} 
</script>

<span class="Btn ChampFichier"><span>Parcourir...</span><input type="file" id="images" onChange="choix(this.value);" name="file[]"/></span><label id="voir"></label><br />

J'aimerais que vous m'aidiez à avoir un label devant chaque input.
Avec celui-ci lorsque je sélectionne un fichier, il me donne uniquement le nom du fichier que je viens de sélectionner. Or devant chaque (10) input il doit y avoir le nom du fichier sélectionné.

Merci de votre aide.

Afficher la suite

A voir également:

Boucle et label dans input
Label printer logiciel - Télécharger - Outils professionnels
No video input enter sleep mode ✓ - Forum Matériel & Système
Input signal not found ✓ - Forum Matériel & Système
Input not supported - Forum Ecran
Télé samsung s'éteint et se rallume en boucle - Forum Téléviseurs

2 réponses

Réponse 1 / 2

Quo

Le problème vient de ton id unique je pense (je je suis pas sur de bien comprendre ce que tu dit)
Petite modifications, essaye ca (Je ne peux pas tester le javascript, il se peut qu'il y ait des erreurs de syntaxe)
Le principe est de standardiser la fonction js et le champs input

PHP :
Parcourir...<input type="file" onChange="choix();" name="file[]"/><label></label> 

javascript :
function choix(){
this.nextSibling.innerHTML = this.value
}

Réponse 2 / 2

Sinistrus Messages postés 1010 Date d'inscription Statut Membre Dernière intervention 17

Merci Quo, mais ça ne fonctionne pas. Voilà toute ma page initial avant ton code :

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="../../css/styles.css">

<script language="JavaScript" type="text/javascript">
function choix(fichier){document.getElementById('voir').innerHTML = fichier;}
</script>

<table width="100%" border="0" cellspacing="10" cellpadding="0">
  <tr>
    <td align="center" class="TitreCyan24">Uploader des images</td>
  </tr>
  <tr>
    <td><?php function FILE_UPLOADER(
$num_of_uploads=10,
$file_types_array=array('jpg','gif','png','jpeg'),
$max_file_size=1048576,
$upload_dir = "../../../evenements/"){if($upload_dir == "../../../evenements/"){$upload_dir = $upload_dir.date('dmY')."/";}{

if(!is_numeric($max_file_size)){$max_file_size = 1048576;}}

$max_file_size_Mo = $max_file_size/1048576;

if(!isset($_POST['submitted'])){
$form = '<form action="'.$PHP_SELF.'" method="post" enctype="multipart/form-data">
<input type="hidden" name="submitted" value="TRUE" id="'.time().'">
<input type="hidden" name="MAX_FILE_SIZE" value="'.$max_file_size.'">';
for($x=0;$x<$num_of_uploads;$x++){
$form .= 
'<span class="Btn ChampFichier"><span>Parcourir...</span><input type="file" onChange="choix(this.value);" name="file[]"/></span><label id="voir"></label><br /><br />';
}$form .= 
'<br />
<input type="submit" class="Btn BtnOrange" value="Uploader maintenant" onClick="this.disabled=true;this.value=\'Upload en cours...\'"> (';
    $y=count($file_types_array);
  for($x=0;$x<$y;$x++){
      if($x<$y-1){
        $form .= $file_types_array[$x].', ';
      }else{
        $form .= $file_types_array[$x].')';
      }
    }
    $form .= '</form>';
    echo($form);
  }else{
    foreach($_FILES['file']['error'] as $key => $value){
      if($_FILES['file']['name'][$key]!=""){
        if($value==UPLOAD_ERR_OK){
          $origfilename = $_FILES['file']['name'][$key];
          $filename = explode('.', $_FILES['file']['name'][$key]);
          $filenameext = $filename[count($filename)-1];
          unset($filename[count($filename)-1]);
          $filename = implode('.', $filename);
          $filename = substr($filename, 0, 15).'.'.$filenameext;
          $file_ext_allow = FALSE;

if(false !== ($iClef = array_search($filenameext, $file_types_array))) {$file_ext_allow = TRUE;}
if($file_ext_allow){
if($_FILES['file']['size'][$key]<$max_file_size){
if(move_uploaded_file($_FILES['file']['tmp_name'][$key], 
$upload_dir.$filename)){
	  echo('<script type="text/javascript">window.setTimeout("location=(\'upload.php\');",3000)</script><table width="100%" border="0" cellspacing="5" cellpadding="0"><tr>
<td width="28" align="left" valign="middle"><img src="../../images/yes.png" width="18" height="18" /></td>
<td align="left" valign="middle">'.$filename.'</td></tr></table>');

}else{echo('<script type="text/javascript">window.setTimeout("location=(\'upload.php\');",3000)</script><table width="100%" border="0" cellspacing="5" cellpadding="0"><tr>
<td width="28" align="left" valign="middle"><img src="../../images/no.png" width="18" height="18" /></td>
<td align="left" valign="middle" class="TexteRouge">Une erreur est survenue lors du transfert de '.'<strong>'.$origfilename.'</strong>.</td></tr></table>');}

}else{echo('<script type="text/javascript">window.setTimeout("location=(\'upload.php\');",3000)</script><table width="100%" border="0" cellspacing="5" cellpadding="0"><tr>
<td width="28" align="left" valign="middle"><img src="../../images/no.png" width="18" height="18" /></td>
<td align="left" valign="middle" class="TexteRouge">La taille du fichier <strong>'.''.$origfilename.''.'</strong> excède les <strong>'.$max_file_size_Mo.' Mo</strong> autorisé(s).</td></tr></table>');}

}else{echo('<script type="text/javascript">window.setTimeout("location=(\'upload.php\');",3000)</script><table width="100%" border="0" cellspacing="5" cellpadding="0"><tr>
<td width="28" align="left" valign="middle"><img src="../../images/no.png" width="18" height="18" /></td>
<td align="left" valign="middle" class="TexteRouge">Le fichier <strong>'.''.$origfilename.''.'</strong> a une extension invalide.</td></tr></table>');}

}else{echo('<script type="text/javascript">window.setTimeout("location=(\'upload.php\');",3000)</script><table width="100%" border="0" cellspacing="5" cellpadding="0"><tr>
<td width="28" align="left" valign="middle"><img src="../../images/no.png" width="18" height="18" /></td>
<td align="left" valign="middle" class="TexteRouge">Une erreur est survenue lors du transfert de '.'<strong>'.$origfilename.'</strong></td></tr></table>');}
}}}}
?><?php echo FILE_UPLOADER(); ?></td>
  </tr>
</table>

Discussions similaires

input signal out of range

Mon pc s'allume et s'éteint en boucle

comment désactiver out of range

No video input

Mon ordinateur s'allume et s'eteint en boucle

Votre réponse

Discussions similaires