/Html/How to enable file input on click on image

How to enable file input on click on image

Open the file upload dialogue box onclick the image

<input type="file" id="imgupload" style="display:none"/> 
<button id="OpenImgUpload">Image Upload</button>

$('#OpenImgUpload').click(function(){ $('#imgupload').trigger('click'); });

How to enable file input on click on image

<input type="file" id="imgupload">
<a href="#" onclick="$('#imgupload').trigger('click'); return false;">Upload file</a>

Source: stackoverflow.com

Similar codes

-1 vote195 views1 answer
Display text html
Html
0 vote214 views1 answer
How to make text appear at tope left in html
Html
0 vote189 views1 answer
## File * [random-numbers-unsolved](Unsolved/random-numbers-unsolved.html) ### Instructions * Research how to improve on Math.random() to generate a random whole number between 1 and 10 instead of a random decimal number
Html
1 vote212 views1 answer
MIME type ('text/html') is not executable
Html
0 vote212 views1 answer
Js coding practices airbnb
Html
2 votes194 views2 answers
Disable right click div
Html
0 vote193 views2 answers
Mobile number regex in html
Html
213 votes150 views13 answers
Open link in new tab html
Html
2 votes222 views3 answers
Ion-datetime cancel text
Html
0 vote187 views2 answers
Tailwindcss dynamic timeline
Html