Breaking News: Grepper is joining You.com. Read the official announcement!

file upload with progress bar

AnarchistKelly answered on May 6, 2021 Popularity 9/10 Helpfulness 1/10

answer file upload with progress bar

related file upload with progress bar

file upload with progress bar

Comment

<script src="js/code_js.js" type="text/javascript"></script> <script src="js/code_js1.js" type="text/javascript"></script> <script type="text/javascript">$(document).ready(function() { 	 $('#upload_container').submit(function(e) {			if($('#userImage').val()) {			e.preventDefault();			$('#loader-icon').show();			$(this).ajaxSubmit({ 				target:   '#targetLayer', 				beforeSubmit: function() {				  $("#progress-bar").width('0%');				},				uploadProgress: function (event, position, total, percentComplete){						$("#progress-bar").width(percentComplete + '%');					$("#progress-bar").html('<div id="progress-status">' + percentComplete +' %</div>')				},				success:function (){					$('#loader-icon').hide();				},				resetForm: true 			}); 			return false; 		}	});}); </script>

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: www.sourcecodester.com

Tags: file-upload javascript progress-bar

Link to this answer
Share Copy Link

Contributed on May 06 2021

AnarchistKelly

0 Answers Avg Quality 2/10

Closely Related Answers

file upload with progress bar

Comment

-1

<center><form id="upload_container" action="upload.php" method="post"><div><label>Upload Image File:</label><input name="userImage" id="userImage" type="file" class="demoInputBox" /></div><br /><div><input type="submit" id="btnSubmit" value="Submit" class="btnSubmit" /></div><div id="progress-div"><div id="progress-bar"></div></div><div id="targetLayer"></div></form><div id="loader-icon" style="display:none;"><img src="loading.gif" /></div></center>

Popularity 9/10 Helpfulness 1/10 Language html

Source: www.sourcecodester.com

Tags: file-upload file

Link to this answer
Share Copy Link

Contributed on May 06 2021

AnarchistKelly

0 Answers Avg Quality 2/10

file upload with progress bar

Contents

More Related Answers

file upload with progress bar

Closely Related Answers

file upload with progress bar

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.