Upload Multiple Files Plugin with Preview and delete Option

youtu.be/OZZwkYLMhW0 Css3 Transition

 

Hi friends today I am going to share a beautiful Multi file upload widget with preview of uploaded file & option to delete it after uploading. basically it is a jQuery based file upload plugin where i have enhance to UI Design of it using advance CSS properties.

 

So guys lets start the code & yeah most important please visit my YouTube channel & like, comment & subscribe it. please let me know in comment section if you want a detail video on respective plugin you like.

 

HTML:

 

File Upload

 

Upload Files

 

Drop your files here. or Browse

 

Uploaded Files

 

(function(i,s,o,g,r,a,m){i=r;i=i||function(){

(i.q=i.q||).push(arguments)},i.l=1*new Date();a=s.createElement(o),

m=s.getElementsByTagName(o);a.async=1;a.src=g;m.parentNode.insertBefore(a,m)

})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

 

ga('create', 'UA-83834093-1', 'auto');

ga('send', 'pageview');

 

CSS:

@import "globalFont";

body{

padding: 0;

margin: 0;

font-family: Roboto;

font-weight: normal;

background: url("images/4101062.jpg") top center;

background-size: cover;

background-repeat: no-repeat;

width: 100%;

height: 100vh;

}

h2{

font-size: 24px;

margin-top: 25px;

margin-bottom: 20px;

font-weight: 300;

letter-spacing: 2px;

}

.upload-file{ bit.ly/34lxQa4

Done