Page 1 of 1
Pause/ Resume Functionality in jfileupload HTML version
Posted: Thu Mar 30, 2017 4:22 am
by amrish_deep
Hi
Please let us know how to create Pause/Resume button and functionality in Jfileupload HTML version.
Re: Pause/ Resume Functionality in jfileupload HTML version
Posted: Sun Apr 02, 2017 2:21 pm
by support
You can use JavaScript API ton update button content. For instance, based on JavaScript sample, you can have something like:
Code: Select all
...
// "jfucontainer" is DIV identifier where you want it to be displayed.
var jfu = new JFU("jfucontainer", params);
// Do some UI updates from JavaScript API.
function oneForAllCallback(source, event) {
var startTransferButton = document.getElementById("jfu-starttransfer");
var cancelTransferButton = document.getElementById("jfu-canceltransfer");
if (event.type == "onInfoStarted") {
cancelTransferButton.value = "Pause";
console.log(event.type);
}
else if (event.type == "onUploadStarted") {
cancelTransferButton.value = "Pause";
console.log(event.type);
}
else if (event.type == "onUploadCompleted") {
console.log(event.type);
}
else if ((event.type == "onUploadFailed") || (event.type == "onUploadTimeout")) {
cancelTransferButton.value = "Cancel";
console.log(event.type);
}
else if (event.type == "onTransferAborted") {
cancelTransferButton.value = "Cancel";
startTransferButton.value = "Resume";
console.log(event.type);
}
else if (event.type == "onTransferDone") {
cancelTransferButton.value = "Cancel";
startTransferButton.value = "Start";
console.log(event.type);
}
}
// Register to all JSAPI callback available under jfu.JSAPI array.
for (var l = 0; l < jfu.JSAPI.length; l++) {
jfu.addEventListener(jfu.JSAPI[l], oneForAllCallback);
}
..