Combine Upload with ProgressBar

[JMiller]

Hi there!

Is there a way to combine an Upload control with a ProgressBar?
The thing is, that I use the Upload for pictures. Depending on the size and our customers connection uploading can take several minutes, where there is no feedback.

As a plan B, can I connect the Upload control to the LockIndicator and show the user, that something is in progress.


Best regards,
JM

[Jorge Sousa]

Hi

As you can see in:

http://www.cgdevtools.com/docs/html/IWC ... ptions.htm

you can use onprogress event.

But I suggest you to use JQFileUploadOptions.OnProgress.Script instread of JQFileUploadOptions.OnProgress.Script, since you don't exactly need the server for this.

As a plan B, can I connect the Upload control to the LockIndicator and show the user, that something is in progress.

No, the LockIndicator starts before and stops after an ajax event. The FileUpload is different.

Best Regards

[JMiller]

As you can see in:

http://www.cgdevtools.com/docs/html/IWC ... ptions.htm

you can use onprogress event.

The Link is not working, unless I quote your post and use what I find in there.
Something is wrong with the forum displaying links.

The Parameters passed by the OnProgress Event are:
IW_TrackID_=3
callback=IWCGJQFILEUPLOAD1FBLPBILD5.DoAjaxRequest
ajaxevent=JQFileUploadOptions.OnProgress
ComponentName=IWCGJQFileUpload1

If there was a parameter like "ProgressPercentage" I could do a
IWCGJQProgressBar1->JQProgressBarOptions->Value = AParams[4];

Nothing in your demos uses the OnProgress Events, so I can't figure out how to use it from that, either.

But I suggest you to use
JQFileUploadOptions.OnProgress.Script instread of
JQFileUploadOptions.OnProgress.Script, since you don't exactly need the server for this.

"Use A instead of A"?

I'd also have to learn JavaScript first, which is doable, but I still need some values to feed the script with.


Best regards,
JM

[Jorge Sousa]

Hi

Sorry the link it's

http://www.cgdevtools.com/docs/html/index.htm

(we have to use the URL button)

Or the html / chm files installed.

The Parameters passed by the OnProgress Event are those and more JQFileUploadOptions.OnProgress.Arguments, if you use BrowserParams:

http://www.cgdevtools.com/cgforum/viewtopic.php?f=5&t=22

"Use A instead of A"?

I'd also have to learn JavaScript first, which is doable, but I still need some values to feed the script with.

Sorry again, I meant:

JQFileUploadOptions.OnProgress.Script instead of
JQFileUploadOptions.OnProgress.OnEvent, since you don't exactly need the server for this.

Using script instead server, is just because it doesn't seems correct to use the server just to Delphi/C++ translation to javascript.

Best Regards

[tonyzhou]

Why not write an example, let us get started？

[tonyzhou]

function() {

var bar = $('.bar');
var percent = $('.percent');
var status = $('#status');

$('form').ajaxForm({
beforeSend: function() {
status.empty();
var percentVal = '0%';
bar.width(percentVal)
percent.html(percentVal);
},
uploadProgress: function(event, position, total, percentComplete) {
var percentVal = percentComplete + '%';
bar.width(percentVal)
percent.html(percentVal);
},
success: function() {
var percentVal = '100%';
bar.width(percentVal)
percent.html(percentVal);
},
complete: function(xhr) {
status.html(xhr.responseText);
}
});

}

[Alexander Bulei]

Hi tonyzhou,

We have implemented the new property CGProgressBar in IWCGJQFileUpload in next build, accept TIWCGJQProgressBar only.

Best Regards.

[tonyzhou]

Great, great work.

Thanks your team.