Community Learn Tools Library Leisure
search
English
Home > Web Front-end > HTML Tutorial > Use trigger method to pop up file selection dialog box without clicking file type input_HTML/Xhtml_Web page production

Use trigger method to pop up file selection dialog box without clicking file type input_HTML/Xhtml_Web page production

WBOY
Release： 2016-05-16 16:39:20
Original
1214 people have browsed it

You can use the trigger method. There is no native trigger function in JavaScript. You can write one yourself, or you can directly use the jquery implementation:

Copy code
The code is as follows:

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]();}

You can also use a simpler way, which is to cover the image or hyperlink or other div to be clicked with the input, and then set the input Make it completely transparent, so that when you click on the picture, you actually click on the input, as follows:

Copy the code
The code is as follows:



< ;/div>
Related labels：
file input
source：php.cn
Previous article：Press Enter to automatically submit the form and unexpected discovery_HTML/Xhtml_Web page production Next article：Several ways to hide Html elements_HTML/Xhtml_Web page production
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
Even after clearing, the value of my file input remains As you can see in the screenshot. I select a file, keep the popup without refreshing the p...
From 2024-04-06 15:44:52
0
1
384
Create a basic PHP login system: a step-by-step guide I have a task to make a login system using php, specifically one that hashes passwords int...
From 2024-04-02 11:54:37
0
1
412
Modify PHP array to escape single quotes I'm uploading a .xlsx file to a website and reading it into an array and then inserting it...
From 2024-04-01 20:35:28
0
1
304
Unable to move upload file to /tmp This is my uploads.php code: <?phpini_set('display_errors',1);error_reporting(E_ALL);$u...
From 2024-04-01 15:28:12
0
1
283
You cannot use the results of a function in other functions I have two functions convertToBase64(file) for converting the file addData(values) for sen...
From 2024-04-01 13:13:20
0
1
379
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template