Demo

Image processing demo

Upload local image to the server. If upload ok, file will be automatically removed from queue and link will appear below applet.
Click on the link to process image — latest version will be downloaded and internal image editor will be started.
Modify image and click "save" button. Image status will update to "ready". Start upload to store modified version onto the server.

Code:

		          <p>
		            <applet name="jumpLoaderApplet"
	code="jmaster.jumploader.app.JumpLoaderApplet.class"
	archive="jumploader_z.jar"
	width="715"
	height="500"
	mayscript>
		              <param name="uc_uploadUrl" value="partitionedUploadHandler.php"/>
		              <param name="uc_partitionLength" value="100000"/>
		              <param name="ac_fireUploaderFileStatusChanged" value="true"/>
                    </applet>
                    <script>
	/**
	 * file status changed notification
	 */
	function uploaderFileStatusChanged( uploader, file ) {
		//
		//	check if file uploaded - add process link, then remove
		if( file.isFinished() && file.getType() == 0 ) {
			//
			//	add file link
			var fileLinkHtml = "<a href=\"javascript:processDocument( '" + file.getId() + "', '" + file.getName() + "' )\">" + file.getName() + "</a>";
			var fileLinks = document.getElementById( "fileLinks" );
			fileLinks.innerHTML += "&bull; " + fileLinkHtml + "<br>";
			//
			//	remove file from queue
			uploader.removeFile( file );
		}
		//
		//	check if document uploaded - remove
		if( file.isFinished() && file.getType() == 1 ) {
			uploader.removeFile( file );
		}
	}
	function processDocument( fileId, fileName ) {
		var uploader = document.jumpLoaderApplet.getUploader();
		var downloadLocation = "http://" + window.location.hostname + ":" + window.location.port + "/uploaded/" + fileId + "." + fileName + "?rnd={rnd}";
		var uploadLocation = "http://" + window.location.hostname + ":" + window.location.port + "/partitionedUploadHandler.php";
		var options = "nocrc;editImage;autoUpload";
		var uploadFile = uploader.processDocument( fileId, downloadLocation, uploadLocation, fileName, options );
		//
		//	assign original fileId to newly created upload file, because on this depends file name on the server
		uploadFile.setId( fileId );
	}
                    </script>
</p>
          <p id="fileLinks"></p>

advertising

— easy and efficient web file manager.