javascript – Paper Clip option in my leave application form to attach the files-ThrowExceptions

Exception or error:

I want to give an options

<input id="file" name="file" type="file" />

 

paper clip to upload files like image, pdf, doc … like how we attache in Gmail and WhatsApp like that option I want to give in my leave application form

Instead of choose files, I want option paper clip like thispaper clip option

How to solve:

Check the below snippet using font awesome.

.fa {
 font-size: 40px!important;
 color: grey;
 cursor: pointer;
}
<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<label for="file">
 <i class="fa fa-paperclip"></i>
</label>
<input id="file" name="file" type="file" multiple hidden />

Leave a Reply

Your email address will not be published. Required fields are marked *