Jquery File Validation avec les champs de saisie de fichier créé dynamicment

Je veux valider le champ de saisie du fichier tel que la taille et l’ extension .

J’ajoute plus de champs de saisie de fichiers en fonction des exigences du client. Voir la capture d’écran

https://drive.google.com/file/d/0B7DnAEDiJntwY0pkeXlya0xPdzg/view?usp=sharing

Lorsque j’utilise la fonction ci-dessous pour vérifier le nom du fichier et sa taille. mais cela ne fonctionne pas sur des éléments créés dynamicment.

 Browse File Change   $(document).on('change','input:file',function(){ var fileName = $(this).val(); alert(fileName); });

Lorsque l’utilisateur clique sur le bouton Plus, un nouveau champ de téléchargement est créé et manipulé.

Comment puis-je obtenir le nom du fichier et sa taille dans jQuery?

Merci

HTML 5 File API, certaines propriétés des fichiers sont accessibles côté client et la taille du fichier en fait partie. L’idée est donc d’utiliser la propriété size et de connaître la taille du fichier. Mais comme il fait partie de la spécification HTML 5, il ne fonctionnera que pour les navigateurs modernes. [Ref]

Essaye ça:

 $(document).on('change', 'input:file', function() { var fileName = $(this).val(); var iSize = $(this)[0].files[0].size / 1024; var size = ''; if (iSize / 1024 > 1) { if (((iSize / 1024) / 1024) > 1) { iSize = (Math.round(((iSize / 1024) / 1024) * 100) / 100); size = iSize + "Gb"; } else { iSize = (Math.round((iSize / 1024) * 100) / 100); size = iSize + "Mb"; } } else { iSize = (Math.round(iSize * 100) / 100); size = iSize + "kb"; } alert('fileName: ' + fileName + ' size: ' + size); }); $('#addMore').on('click', function() { var html = '
\ Browse File\ Change\ \ '; $('#parent').append(html); });

    Browse File Change