Effacer la valeur à l'intérieur d'un input type=file (l'attribut 'value') sous IE9

**Johann7751** · 12/08/2011, 11h17

Bonjour,

Dans ma page, j'ai un composant permettant d'Upload des fichiers :

Code :

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

<input type="file" id="FileUploader" />

Est ce possible d'effacer la valeur d'un input type=file ?

J'ai essayé la méthode

Code :

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

$("#FileUploader").removeAttr("value");

et aussi celle ci :

Code :

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

$("#FileUploader").attr("value", "");

mais sans succès..

En mode debug (Je travaille en ASP.NET, j'utilise la fonctionnalité QuickWatch), je vois bien que mon sélecteur est correct, et j'arrive également à afficher l'attribut 'value' de mon input type=file.
Par contre impossible de l'effacer...
Est ce un comportement par défaut du composant input type=file ou est ce que c'est moi qui m'y prends mal ?

Merci de votre aide.

**Bovino** · 12/08/2011, 11h36

Pour des raisons de sécurité (qui devraient sembler évidentes...), la valeur d'un input file est read-only.

**Johann7751** · 12/08/2011, 11h52

Merci.

Invité · 12/08/2011, 13h10

Envoyé par Bovino

Pour des raisons de sécurité (qui devraient sembler évidentes...), la valeur d'un input file est read-only.

Euuuuh ... tu es sûr ?

on peut en javascript en tout cas :

Code :

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

1
2
3
4
5
 
// si extension pas ok (par exemple)
// .....
document.getElementById('idartPhoto').value = '';
// .....

Du coup en jquery, ca devrait donner :

Code :

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

$("#FileUploader").val("");

non ?

**Johann7751** · 12/08/2011, 13h20

Envoyé par jreaux62

Euuuuh ... tu es sûr ?

on peut en javascript en tout cas :

Code :

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

1
2
3
4
5
 
// si extension pas ok (par exemple)
// .....
document.getElementById('idartPhoto').value = '';
// .....

Du coup en jquery, ca devrait donner :

Code :

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

$("#FileUploader").val("");

non ?

J'ai essayé, chez moi ça ne fonctionne pas.
J'arrive bien à lire la valeur mais impossible de la modifier/supprimer.

**Bovino** · 12/08/2011, 13h31

Envoyé par Johann7751

J'ai essayé, chez moi ça ne fonctionne pas.
J'arrive bien à lire la valeur mais impossible de la modifier/supprimer.

IE et Opera n'autorisent pas la remise à zéro non plus...

**Johann7751** · 12/08/2011, 13h34

OK, le comportement peut changer selon le navigateur donc ...
J'ai oublié de préciser mon navigateur, je suis sous IE9.

**Bovino** · 12/08/2011, 13h23

Effectivement, affecter une valeur vide fonctionne... mais pour toute autre valeur, on obtient bien une erreur...

Au temps pour moi...

**Johann7751** · 12/08/2011, 13h30

Vous m'intriguez, je vous assure que chez moi, aucune des méthodes :

Code :

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

1
2
3
4
            document.getElementById('FileUploader').value = '';
            $("#FileUploader").val("");
            $("#FileUploader").removeAttr("value"); 
            $("#FileUploader").attr("value", "");

ne fonctionne.

Invité · 12/08/2011, 13h36

Je ne veux pas avoir l'air de "me la péter" mais :

Code :

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
18
19
20
<html>
<head>
<!-- Scripts Google : initialisation jquery -->
    	<script charset="utf-8" src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
	<script>
	$(function() {
		$("#FileUploader").change(function() {
			alert ('avant : '+$("#FileUploader").val());
			$("#FileUploader").val('');
			alert ('apres : '+$("#FileUploader").val());
		});
	});
	</script>
</head>
<body>
	<form method="post" action="<?php echo $_SERVER['PHP_SELF']; ?>">
		<input type="file" id="FileUploader" />
	</form>
</body>
</html>

ca marche ...

Invité · 12/08/2011, 13h38

re-euuuuh. J'ai testé sur firefox + safari...

Exact, ca ne marche pas sur

IE 8 ! !

TRES bizarre, IE !
- IE me met en value -> C:\fakepath\mondufichier.jpg (bizarre, non ?)
- euuh ... safari ... -> aussi !

- alors que firefox -> mondufichier.jpg