Comment faire pour supprimer champ de texte à partir de fichiers HTML entrée

Normalement, un téléchargement de fichier boîte de dialogue est accessible en cliquant sur le bouton créé par <input type="file"/>. Mais alors, je ne veux pas le champ de texte qui vient avec elle. Est-il un moyen de se débarrasser du champ de texte? Ou est-il une autre façon d'ouvrir le fichier boîte de dialogue de téléchargement sans l'aide de <input/>?

InformationsquelleAutor Dave | 2010-10-18
  1. 2

    Ajouter un fichier d'entrée, et de définir sa position, assez loin.

    Ajouter un bouton.
    Ensemble de boutons onclick pour $("#myFile").click();
    😀

    <input id="myFile" name="file" type="file" style="position:absolute;left:-10000px;top:-10000px;">

<button onclick="$('#myFile').click();">Browse</button>
    • Je suis sûr que cela ne fonctionne pas pour des raisons de sécurité.
    • Avez-vous essayé? fonctionne sur Chrome.
    • Il fonctionne sur Chrome et IE mais les pauses dans Opera et Firefox.
    • Oui, j'ai essayé avec Firefox il y a quelques semaines.
    InformationsquelleAutor Ferid Gürbüz
  2. 2

    d'accord avec alex

    <style>
.file_wrap{
    background:url(file.jpg);
    overflow:hidden;
    width:30px;
    height:10px;
}
.file_wrap input{
    opacity:0;
    font-size:999px;
    cursor:pointer;
}
</style>
<div class="file_wrap">
   <input type="file" />
</div>
    InformationsquelleAutor diablero13
  3. 1

    Vous pouvez utiliser un flash alternative. J'ai utilisé swfUpload, avec un grand succès. Uploadify, est une alternative similaire. Ces deux ont de beaux ensembles de fonctionnalités, y compris les barres de progression et de multiples télécharger.

    InformationsquelleAutor Dustin Laine
  4. 1

    Vous pouvez le remplacer avec un flash-bouton comme dustin déclaré ou vous pouvez masquer le bouton en css-placer votre propre bouton sur le dessus de l'élément d'entrée et ouvrir le fichier sélectionné de la boîte par un script.

    Quelques exemples ici:
    inputfile

    InformationsquelleAutor Simon
  5. 1

    Découvrez la http://www.uploadify.com/ plugin jQuery.

    InformationsquelleAutor Parker
  6. 1

    Vous pouvez ajouter votre propre touche et le positionner sous le bouton parcourir à l'aide des CSS.

    Ensuite définir le fichier d'entrée de 0 opacité.

    InformationsquelleAutor alex
  7. 0

    Si vous utilisez jQuery, jetez un oeil à ce plugin - https://github.com/ajaxray/bootstrap-file-field

    Ce petit plugin pour afficher le champ de saisie fichier comme un fichier d'amorce bouton (pas de champ de saisie de texte), similaire dans tous les navigateur et afficher les noms de fichier sélectionné (ou les erreurs de sélection) magnifiquement. Vérifier leur démonstration en direct.

    En outre vous pouvez définir des restrictions diverses, à l'aide de simples attributs data-ou JS paramètres. e,g, data-file-types="image/jpeg,image/png" va limiter la sélection des types de fichiers sauf les fichiers jpg et png images.

    InformationsquelleAutor Anis