Dropify

Override your input files with style. http://jeremyfagis.github.io/dropify

Usage

You have to include dist/js/dropify.js, dist/css/dropify.css and dist/fonts/* to your project, then you just have to init the jQuery plugin like that :

<!-- plugin css file  -->
<link rel="stylesheet" href="assets/bundles/dropify.min.css">

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

<!-- 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