File upload and display in jquery
Posted By : Surbhi Gupta | 29-Nov-2017
How to use the basic plugin to upload file
1. The plugin download bundle accompanies an entire UI in view of Bootstrap.
2. Be that as it may, on the off chance that you need to assemble your own UI, it is conceivable to utilize just the fundamental plugin adaptation and an insignificant setup.
3. The accompanying is a contrasting option to index.html with just the insignificant necessities and a straightforward done callback handler (see API and Options on the best way to utilize the diverse alternatives and callbacks).
$('#fileupld').fileupld({
/* ... */
progressall: function (e, res) {
var progress = parseInt(res.loaded / data.total * 100, 10);
$('#prgrss .bar').css(
'width',
progress + '%'
);
}
});
The past code accepts an advance hub with an internal component that shows the advance status by means of its width rate:
The inner element ought to have numerous distinction contrast foundation shading than the compartment hub, set through CSS and requirements a stature connected
.progressbar {
height: 17px;
background: red;
}
Cookies are important to the proper functioning of a site. To improve your experience, we use cookies to remember log-in details and provide secure log-in, collect statistics to optimize site functionality, and deliver content tailored to your interests. Click Agree and Proceed to accept cookies and go directly to the site or click on View Cookie Settings to see detailed descriptions of the types of cookies and choose whether to accept certain cookies while on the site.
About Author
Surbhi Gupta
Surbhi is a Java Developer and a simple ,straightforward, friendly person. She loves to work in a challenging job.