/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

9 votes243 views3 answers
Bootstrap class align center image
Html
1 vote196 views1 answer
How to center link in html
Html
0 vote259 views1 answer
Adding a button to a Markdown
Html
31 votes211 views6 answers
Input file accept image
Html
0 vote218 views2 answers
Create node in javascript
Html
1 vote222 views2 answers
Set an image half its original size css
Html
1 vote246 views1 answer
Selected options with link
Html
0 vote198 views1 answer
Convert rtf to html
Html
3 votes188 views6 answers
H1 html
Html
0 vote226 views1 answer
Icon for instagram in bootstrap
Html