/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

111 votes141 views6 answers
How to put images in html
Html
0 vote115 views1 answer
How to do anchor in jupyter notebook markdown
Html
6 votes110 views2 answers
Link open new tab
Html
1 vote114 views2 answers
Sudo: /opt/lampp/lampp: command not found
Html
1 vote116 views1 answer
ASP.NET MVC Two file upload, different destinations
Html
2 votes110 views2 answers
Rick astley never gonna give you up
Html
52 votes109 views3 answers
Bootstrap hide row
Html
0 vote122 views1 answer
List links in a website python html
Html
1 vote112 views1 answer
Twig join
Html
0 vote110 views1 answer
Html repeating video
Html