Discussion :

[momjunior]

Bonjour

J'utilise le code suivant pour obtenir la taille des fichiers à partir de mon foumulaire:

Code :

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

1
2
3
4
5
 $("input[type='file']").each(function(index,inputFile) {
      formData.append(inputFile.name, inputFile.files[0]);
 console.log("le nom est :"+inputFile.name);
      console.log("la taille est :"+inputFile.size);
   });

Sauf que quelque soit la taille du fichier, j'obtiens le message suivant:

la taille est :20

Et lorsque je fais ceci:

Code :

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

console.log("la taille est :"+inputFile.files[0].size);

J'obtiens le message d'erreur suivant:

Uncaught TypeError: Cannot read property 'size' of undefined

Comment faire pour avoir la taille du fichier?

Merci

[Toufik83]

Salut,

Code html :

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

1
2
3
 
<input type="file" />
<button>Get File infos</button>

Code jQuery :

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
21
22
23
24
25
26
27
 
  //avec change
  $('[type="file"]').change(function(inputFile){
	if(this.files[0]||inputFile.currentTarget.files[0]){
	  console.log("this.files[0].size :",this.files[0].size
		," this.files[0].name",this.files[0].name
		,", $(this).get(0).files[0].size :",$(this).get(0).files[0].size
		,", $(this).get(0).files[0].name :",$(this).get(0).files[0].name
		," inputFile.currentTarget.files[0].size :"+inputFile.currentTarget.files[0].size
		," inputFile.currentTarget.files[0].name :",inputFile.currentTarget.files[0].name);
	}
	  else{console.log('aucun fichier choisi');}
  });
 
  //avec click sur le bouton
  $('button').click(function(){
   $("[type='file']").each(function(index,inputFile) {
	  if(inputFile.files[0]){
		console.log('inputFile.size :',inputFile.files[0].size
		," inputFile.name :",inputFile.files[0].name
		," $(inputFile).get(0).files[0].size :",$(inputFile).get(0).files[0].size
		," $(inputFile).get(0).files[0].name :",$(inputFile).get(0).files[0].name);
	  }
	  else {
		console.log("Aucun fichier choisi");
	  }
   });

[momjunior]

Ok merci beaucoup, ça marche.

Mais si je ne veux pas utiliser la boucle each, c'est-à-dire faire ceci:

Code :

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

1
2
3
4
 
<input type="file" class="custom-file-input" id="monFichier" name="fichier">
 
alert ($('#monFichier).get(0).files.size);

J'ai le message suivant au niveau de la console:

undefined

[Toufik83]

Code js :

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

$("#monFichier").get(0).files[0].size

[momjunior]

Ok je vois, merci ça marche. Sauf que quand j'essaie de combiner avec le 1er code que tu m'as donné, ça ne marche pas. Je voudrais, en effet, afficher un message d'erreur lorsque le champ file est vide:

Code :

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

1
2
3
4
5
6
7
 
if($("#monFichier").files[0]){
	console.log($("#monFichier").get(0).files[0].size);
  }
  else {
	console.log("Aucun fichier choisi");
  }

Sauf que j'ai le message d'erreur suivant:

TypeError: $(...).files is undefined

[Toufik83]

Code :

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

if($("#monFichier").get(0).files[0]){...}