Obtenir le fichier Attributs (côté client) en utilisant Javascript

Question

Dans mon application, j'ai besoin de calculer la taille du fichier en côté client côté (avant de télécharger sur le serveur).

Je veux limiter le fichier en cours de téléchargement si elle ne satisfait pas à mes exigences comme fichier taille, fichier Type ..

Est-il possible d'y parvenir dans le côté client en utilisant JavaScript?

Answer 1

Dans les navigateurs prenant en charge HTML5s File API, vous pouvez maintenant.

Ceci est true for updated browsers, sans surprise IE excluded.

var files = $(this).attr('files'); 
var MAXFILESIZE = 500000; // bytes 
if (files) { 
    // <input type="file" multiple> 
    for (var i = 0; i < files.length; i++) { 
     // We can also validate files[i].type or files[i].name vs an expected file type 
     if (files[i].size > MAXFILESIZE) { 
      alert('File "'+files[i].name+'" is too big.'); 
     } 
    } 
} 

Le futur dit "bonjour"! :)

Answer 2

Cela n'est pas possible en pratique (peut-être avec un exploit Java + ActiveX dans IE) avant de soumettre le fichier avec une requête POST au serveur.

Answer 3

Dans la grande majorité des navigateurs actuels, il n'y a aucun moyen d'accomplir ceci avec pur JS. Certains des outils de fichiers HTML5 les plus récents peuvent le permettre, mais leur support est limité.

Vous aurez besoin d'aller avec un outil Uploader basé Flash pour obtenir ces données avant téléchargement. Découvrez YUI Uploader pour vous aider à démarrer.

Je vous suggère de mettre en œuvre cette façon:

1. prendre toutes les précautions sur le serveur, vous pouvez limiter la taille de téléchargement (un peu traite chaque technologie de serveur différemment). Toujours faire ce que les contrôles côté client peut être contournée
2. Utilisez un fichier standard Ajouter élément d'entrée pour commencer
3. à l'aide d'améliorer progressivement quelque chose comme Uploader YUI ou Uploadify. De cette façon, il fonctionne plus rapidement sur les fichiers qui ne correspondent pas aux utilisateurs de Flash, mais aussi fonctionne pour les téléchargements normaux car il sera également vérifié sur le serveur.