/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 vote253 views1 answer
How to add background music in website
Html
2 votes269 views1 answer
How to switch between html pages
Html
4 votes252 views6 answers
Tab content bootstrap 4
Html
3 votes264 views2 answers
Html image not draggable
Html
7 votes263 views2 answers
Tab image code
Html
-1 vote265 views1 answer
Tailwind border style
Html
0 vote260 views1 answer
A _target
Html
43 votes246 views5 answers
Html inline comment
Html
0 vote269 views1 answer
How zcdfdgfvcstop marquee text when you move your mouse over it
Html
0 vote243 views1 answer
How to change mouse into hand icon when you hover over something in html
Html