Discussion :

[Wawan4137]

Bonjour,
Je suis en train de développer une application web dans laquelle j'ai besoin de personnaliser un input de type file, jusqu'ici tout va bien, seul problème, la fonctionne click() ne fonctionne pas sur chrome et je n'ai aucune erreur dans la console de mon site je vous joints mon code.

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<div class="card bg-light mb-3" style="max-width: 50%;">
			  	<div class="card-header">Importation d'élèves</div>
			  	<div class="card-body">
			  	<h5 class="card-title">Vous pouvez désormais importer des élèves via un fichier excel issu de Pronote</h5>
			    	<p class="card-text">
			    		<form method="POST" action="traitement/traitement_admin.php?import" enctype="multipart/form-data">
							<div class="input-group mb-3">
								<input type="file" name="excel" style="display:none;" onChange="getvalue()" id="hiddenfile">
								<input type="text" id="selectedfile" value="Choisissez un fichier" class="form-control" aria-describedby="button-addon2">
								<input class="btn btn-secondary" type="button" value="Select">
							 	<button type="submit" class="btn btn-primary">Importer</button>
							</div>
						</form>
			    	</p>
			  	</div>
			</div>

Code "javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
function getfile(){
			        document.getElementById('hiddenfile').click();
			    }
			    function getvalue(){
			        document.getElementById('selectedfile').value=document.getElementById('hiddenfile').value;
			    }

Merci d'avance pour votre aide !

[Invité]

Bonjour,

tu veux cliquer sur un input... masqué ?

[Wawan4137]

Non je ne veux juste pas que l'input de type file soit visible à l'écran mais que quand on clique sur un bouton cela effectue l'action de clic sur cet input

[Invité]

Un exemple ici.

[Wawan4137]

Je vais lire tout ça et je vous tient au courant merci !

[Invité]

MERCI de cliquer sur le bouton "+Répondre à la discussion" EN BAS, A GAUCHE !

[Wawan4137]

Ah oui c'est que je ne savais pas si cela vous notifiait quand je l'utilisais désolé !

En tout cas j'ai réussi à faire ce que je voulais grâce à votre tutoriel, merci beaucoup !