De nos jours, nous pouvons faire glisser et déposer des fichiers dans un conteneur spécial et les télécharger avec XHR 2. Plusieurs à la fois. Avec des barres de progression en direct, etc. Trucs très cool.Exemple ici.
Mais parfois, nous ne voulons pas autant de fraîcheur. Ce que je voudrais est de déplacer les fichiers - plusieurs à la fois - dans une entrée de fichier standard HTML : <input type=file multiple>
.
Est-ce possible? Existe-t-il un moyen de «remplir» l'entrée de fichier avec les bons noms de fichiers (?) À partir du fichier drop? (Les chemins de fichiers complets ne sont pas disponibles pour des raisons de sécurité du système de fichiers.)
Pourquoi? Parce que j'aimerais soumettre un formulaire normal. Pour tous les navigateurs et tous les appareils. Le glisser-déposer n'est qu'une amélioration progressive pour améliorer et simplifier l'UX. Le formulaire standard avec entrée de fichier standard (+multiple
attribut) sera là. Je voudrais ajouter l'amélioration HTML5.
modifier
Je sais que dans certains navigateurs, vous pouvez parfois (presque toujours) déposer des fichiers dans l'entrée de fichier elle-même. Je sais que Chrome le fait généralement, mais parfois il échoue et charge ensuite le fichier dans la page actuelle (un gros échec si vous remplissez un formulaire). Je veux le tromper et le protéger du navigateur.
input type="file" multiple
fonctionner correctement dans Safari