Un peu d'une question de débutant ici.

J'ai un formulaire et l'un de ses champs est pour un téléchargement de fichier. Au lieu d'avoir la vieille boîte de saisie de texte habituelle ennuyeuse avec un bouton `` choisir un fichier '' à côté, j'aimerais avoir une image qui, lorsque vous cliquez, ouvre la boîte de dialogue pour rechercher la photo.

J'espérais pouvoir le faire avec deux formes. IE lorsque l'utilisateur clique sur l'image, une boîte modale apparaît avec une entrée de téléchargement de formulaire. L'utilisateur choisit le fichier et clique sur Soumettre, l'utilisateur est renvoyé au formulaire.

Cela ne semble pas fonctionner parce qu'avoir un formulaire à l'intérieur d'un formulaire doit être une mauvaise pratique je suppose :) Y a-t-il un moyen de le faire comme ça?

L'alternative est que je peux en quelque sorte remplacer la zone de saisie de texte habituelle par le bouton `` choisir un fichier '' avec mon propre graphique, mais malgré Google, je n'ai pas trouvé comment le faire.

Des idées

3
Zaphod Beeblebrox 7 oct. 2011 à 18:54

2 réponses

Solution très simple - mettez simplement une étiquette pour votre entrée

<label for="uploadFile">
    <div id="image"></div>
</label>
<input type="file" id="uploadFile" style="display:none" />

Et ajoutez simplement une propriété background-image à la div #image :)

16
Bankin 10 sept. 2013 à 10:06

Les champs de téléchargement de fichiers sont assez limités. Voir: http://www.quirksmode.org/dom/inputfile.html

1
Diodeus - James MacFarlane 7 oct. 2011 à 15:00
7688996