/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

20 votes119 views4 answers
Vue router link
Html
3 votes112 views1 answer
Html mailto link with content
Html
1 vote114 views2 answers
Alert tailwind css
Html
0 vote101 views1 answer
Twig default
Html
0 vote64 views1 answer
Html "/n" not woring
Html
0 vote125 views1 answer
How to make option colour black in html
Html
0 vote107 views1 answer
Visual studio code black mode off
Html
84 votes122 views6 answers
Html radio button
Html
0 vote111 views1 answer
Html button multiple rows
Html
2 votes216 views2 answers
Divs in html
Html