Blueimp jQuery Upload Progress - straight to 100%

Question

I am following the basic plus demo, almost to the tee, and cannot get the progress bar to work correctly. That console.log below returns 100% on upload button click.

$('#fileupload').fileupload({ url: url, dataType: 'json', autoUpload: false, acceptFileTypes: /(\.|\/)(gif|jpe?g|png|pdf)$/i, maxFileSize: 5000000, // 5 MB // Enable image resizing, except for Android and Opera, // which actually support image resizing, but fail to // send Blob objects via XHR requests: disableImageResize: /Android(?!.*Chrome)|Opera/ .test(window.navigator.userAgent), previewMaxWidth: 100, previewMaxHeight: 100, previewCrop: true, formData:function(form){ //get file name var $this = this; var formSelector = 'form-' + $($this.files)[0].name.replace(/\W/g,'-'); return $('.'+formSelector).serializeArray(); }, progressall:function(e,data){ var progress = parseInt(data.loaded / data.total * 100, 10); $('#progress .progress-bar').css( 'width', progress + '%'); console.log(progress); } })

Filanico · Accepted Answer · 2015-10-23 08:42:59Z

1

It's not that true!
When i try to upload a small file the progressbar blows to 100% but from Chrome console the request is still in (pending) state that's the upload is still running!

answered Oct 23, 2015 at 8:42

Filanico

113 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Deewendra Shrestha Over a year ago

I wonder if the solution to this post explains the situation: stackoverflow.com/questions/14691236/…

dsmrt · Accepted Answer · 2015-03-11 04:17:36Z

Progress was going to 100% immediately because it was uploading that fast. When I uploaded a larger file progress was seen to work correctly.

Collectives™ on Stack Overflow

Blueimp jQuery Upload Progress - straight to 100%

2 Answers 2

1 Comment

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Linked

Related