champ Fichier d'entrée au champ de saisie de texte

Question

Je ne sais même pas si cela est possible ou non, mais est-il une méthode que vous pouvez prendre la valeur du fichier sélectionné dans une entrée fichier champ à une entrée texte champ ?

Comme ceci:

Answer 1

crochet sur l'événement change du champ de fichier.

<form method="post" enctype="multipart/form-data"> 
    <input type="file" onchange="this.form.filename.value = this.value"> 
    <input type="text" name="filename"> 
</form> 

Jsfiddle demo. Notez que IE6/7 donne incorrectement le chemin complet alors que les autres navigateurs ne donnent correctement que le nom du fichier.

Answer 2

Vous ne pouvez pas le faire sans stocker d'abord le fichier sur votre propre serveur.

Le contrôle de saisie de fichier et non contient les données du fichier. Votre navigateur vous l'offre comme espace réservé jusqu'à ce que vous soumettiez les données du fichier via une soumission de formulaire POST.

Si vous êtes après le chemin du fichier, vous ne pouvez pas non plus le faire (dans les navigateurs modernes, comme le dit Pekka). Le navigateur ne donne pas cette information aux scripts côté client. Il peut fournir le nom de fichier, cependant.

Answer 3

Cela devrait être possible en créant un nouvel élément de saisie de texte et en le remplissant avec la propriété .value de l'entrée de fichier.

Notez, cependant, que tous les navigateurs modernes stockent seul le nom du fichier dans la propriété value pour des raisons de sécurité. Vous ne pourrez pas obtenir le chemin complet du fichier sélectionné.

Sources: MSDN on IE8