Comment utiliser la méthode de déclenchement pour afficher la boîte de dialogue de sélection de fichier sans cliquer sur la saisie du type de fichier-tutoriel HTML-php.cn

Comment utiliser la méthode de déclenchement pour afficher la boîte de dialogue de sélection de fichier sans cliquer sur la saisie du type de fichier

php中世界最好的语言

Libérer： 2018-02-10 09:40:49

original

3071 Les gens l'ont consulté

Cette fois, je vais vous montrer comment utiliser la méthode de déclenchement pour afficher la boîte de dialogue de sélection de fichier sans cliquer sur le type de fichier, et comment utiliser la méthode de déclenchement pour afficher la boîte de dialogue de sélection de fichier sans cliquer sur le type de fichier. input Notes Que sont-elles ? Voici des cas réels.

Vous pouvez utiliser la méthode trigger. Il n'y a pas de fonction de déclenchement native en javascript Vous pouvez en écrire une vous-même, ou vous pouvez utiliser directement l'implémentation jquery :

<.>

var button1 = document.getElementById("button1");  
    var button2 = document.getElementById("button2");  
    button1.onclick = function(){alert("button1");trigger(button2,"onclick");}  
    button2.onclick = function(){alert("button2");}  
    function trigger(ele,event)   
    {ele[event]();}

Copier après la connexion

Vous pouvez également utiliser une méthode plus simple, qui consiste à couvrir l'image, le lien hypertexte ou tout autre div sur lequel cliquer avec l'entrée, puis à définir l'entrée pour qu'elle soit complètement transparente, de sorte que lorsque vous cliquez sur l'image, vous cliquez en fait sur l'entrée, comme suit :

<div class="ps-image" style="width:300px;height:300px;border:0px sold red; background:url(&#39;/images/ps.png&#39;)">  
    <input type="file" id="file" style="filter:alpha(opacity=0);opacity:0;width:100%;height:100%;"/>  
    </div>

Copier après la connexion

Je pense que vous maîtrisez les méthodes après avoir lu ces cas. Pour des informations plus intéressantes, veuillez prêter attention aux autres articles connexes sur le php chinois. site web!

Lecture connexe :

Quels sont les symboles pour marquer les commentaires textuels en HTML ?

Comment définir et masquer d'autres attributs dans une balise Afficher uniquement les images

Comment implémenter une interface de ligne de commande de type HTML

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!