Pause/ Resume Functionality in jfileupload HTML version

Upload core product.
Post Reply
amrish_deep
Posts: 40
Joined: Tue Jun 17, 2008 5:14 am

Pause/ Resume Functionality in jfileupload HTML version

Post by amrish_deep »

Hi

Please let us know how to create Pause/Resume button and functionality in Jfileupload HTML version.

User avatar
support
Posts: 1503
Joined: Sun Jan 27, 2008 6:19 pm

Re: Pause/ Resume Functionality in jfileupload HTML version

Post 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);
}

..

Post Reply