2013-06-24 5 views
-2

J'ai un formulaire avec une entrée de téléchargement de photos. Je veux que l'image soit téléchargée avant de soumettre le formulaire pour accélérer la soumission.HTML/PHP/JS - Télécharger le fichier en remplissant le formulaire

le formulaire devrait être en mesure de télécharger plusieurs fichiers et devrait afficher une barre de progression + aperçu.

Comment puis-je faire cela?

MetinKale38

+1

C'est en fait très complexe. J'ai passé une semaine entière à développer quelque chose. fineuploader.com Fonctionne bien et a quelques exemples PHP de base pour vous aider à démarrer. – ProfileTwist

+0

il semble assez simple, mais fineuploader n'est pas gratuit – metinkale38

+0

@ metinkale38 Il est open-source (sur Github) et sous licence par défaut sous GPL v3. Donc, si vous utilisez GPL v3, c'est gratuit. –

Répondre

2

Vous pouvez le faire assez facilement maintenant en HTML5 en utilisant XMLHttpRequest avec une forme et multipart l'élément de fichier. XMLHttpRequest prend désormais en charge les événements de progression que vous pouvez gérer dans votre code Javascript. Voici un lien vers un excellent article avec des exemples de détails et de codes http://www.matlus.com/html5-file-upload-with-progress.

Notez que votre code PHP doit toujours traiter chaque fichier indépendamment, mais cela est transparent pour votre JavaScript - il fera simplement plusieurs messages sur le serveur.

+0

semble être la seule méthode sans modification côté serveur, n'est-ce pas? – metinkale38

+0

Je ne sais pas si c'est la méthode ** only **, mais cette méthode fonctionnera sans mods ou paquets spéciaux en PHP. Je l'ai utilisé pour remplacer une implémentation précédente qui ne supportait qu'un seul fichier et était capable d'utiliser le code PHP inchangé. – bitfiddler

+0

merci ça marche super bien, et c'est facile à mettre en place :) – metinkale38

Questions connexes