Dropify

Override your input files with style.

For full documentation please check the plugin's site
<!-- plugin css file  -->
<link rel="stylesheet" href="assets/bundles/dropify.min.css">

<!-- Plugin Js -->
<script src="assets/bundles/dropify.bundle.js"></script>

<!-- Jquery Page Js -->
<script>
$(function() {
    $('.dropify').dropify();
</script>
Default Taken from: https://github.com/JeremyFagis/dropify
With event and default file try to remove the image
Disabled file upload
Limit file type try to upload png or pdf only
Limit file size try to upload file larger than 100 KB
Custom messages for default replace, remove and error