/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

0 vote147 views1 answer
Javascript button toggle on off
Html
7 votes166 views1 answer
Multibyte string input conversion in PHP is active and must be disabled
Html
0 vote144 views6 answers
Svg color css
Html
0 vote160 views1 answer
Elasticsearch built-in security features are not enabled. Without authentication, your cluster could be accessible to anyone. See https://www.elastic.co/guide/en/elasticsearch/reference/7.15/security-minimal-setup.html to enable security.
Html
0 vote154 views1 answer
Br tag deprecated
Html
0 vote210 views1 answer
Animate image or text html
Html
0 vote171 views2 answers
Subscript in html
Html
6 votes152 views1 answer
Input type date format dd-mm-yyyy javascript
Html
8 votes148 views2 answers
Html link without opening new tab
Html
0 vote143 views1 answer
Show html string in p tag
Html