| Server IP : 79.136.114.73 / Your IP : 3.141.43.16 Web Server : Apache/2.4.7 (Ubuntu) PHP/5.5.9-1ubuntu4.29 OpenSSL/1.0.1f System : Linux b8009 3.13.0-170-generic #220-Ubuntu SMP Thu May 9 12:40:49 UTC 2019 x86_64 User : www-data ( 33) PHP Version : 5.5.9-1ubuntu4.29 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority, MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/icad.astacus.se/customerzon/JavaPowUpload/ |
Upload File : |
<!-- saved from url=(0014)about:internet -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Simple upload example</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
Sample: <b>compactupload2.html</b> <a href="javascript:location.reload(true);"><img border="0" src="images/refresh.png" width="16" height="16"> Refresh frame</a> <a target="_parent" href="index.htm"><img border="0" src="images/home.png" width="16" height="16"> Examples home</a><br/><br/>
<!-- text below wil be shown if JavaScript disabled at browser -->
<span id="noscriptdiv" style="border:1px solid #FF0000;display:block;padding:5px;text-align:left; background: #FDF2F2;color:#000;">Active Scripting (JavaScript) should be enabled in your browser for this application to function properly!</span>
<script type="text/javascript">
document.getElementById('noscriptdiv').style.visibility = 'hidden';
document.getElementById('noscriptdiv').style.height = 0;
document.getElementById('noscriptdiv').style.padding = 0;
document.getElementById('noscriptdiv').style.border = 0;
</script>
<p>Example demonstates how to make interface more compact. Buttons and progress bar are HTML + JavaScript based</p>
<p>For the example you need to specify script URL that accept the files. Open the example in a text editor and specify the property value "Upload.UploadUrl" of JavaPowUpload applet. The value can be:</p>
<ul>
<li>For ASP: <code>FileProcessingScripts/ASP/ClearASP/uploadfiles.asp</code></li>
<li>For PHP : <code>FileProcessingScripts/PHP/uploadfiles.php</code> <strong>(Default value)</strong></li>
<li>For ASP.NET (C Sharp): <code>FileProcessingScripts/ASP.NET/CSharp/uploadfiles.aspx</code></li>
<li>For ASP.NET (VB.NET): <code>FileProcessingScripts/ASP.NET/VBNET/uploadfiles.aspx</code></li>
<li>For Perl : <code>FileProcessingScripts/PERL/uploadfiles.pl</code></li>
<li>For Cold Fusion : <code>FileProcessingScripts/ColdFusion/uploadfiles.cfm</code></li>
<li>For JSP : <code>FileProcessingScripts/JSP/uploadfiles.jsp</code></li>
</ul>
<br>
<!--lib/JavaPowUpload.jar - main jar file, should always be included
Optional jar files:
lib/skinlf.jar - for themes support
lib/commons-compress.jar - compression before upload
lib/commons-httpclient.jar - http upload functionality
lib/commons-net-ftp.jar - FTP protocol support -->
<applet
code="com.elementit.JavaPowUpload.Manager"
archive="lib/commons-httpclient.jar,
lib/JavaPowUpload.jar"
width="250"
height="150"
name="JavaPowUpload"
id="JavaPowUpload"
mayscript="true"
alt="JavaPowUpload by www.element-it.com"
VIEWASTEXT>
<!-- Java Plug-In Options -->
<param name="progressbar" value="true">
<param name="boxmessage" value="Loading JavaPowUpload Applet ...">
<param name="Common.SerialNumber" value="put your serial number here">
<!--Enable upload mode -->
<param name="Common.UploadMode" value="true">
<!--Enable JavaPowUpload events and functions to use in JavaScript -->
<param name="Common.UseLiveConnect" value="true">
<param name="Common.TopArea.FileViewButton.Visible" value="false">
<param name="Common.TopArea.Visible" value="false">
<param name="Common.ProgressArea.Visible" value="false">
<param name="Common.DetailsArea.Visible" value="true">
<!--Set url to file processing script -->
<param name="Upload.UploadUrl" value="FileProcessingScripts/PHP/uploadfiles.php">
<!-- This text will be shown if applet not working or Java not installed-->
<span style="border:1px solid #FF0000;display:block;padding:5px;margin-top:10px;margin-bottom:10px;text-align:left; background: #FDF2F2;color:#000;">You should <b>enable applets</b> running at browser and to have the <b>Java</b> (JRE) version >= 1.5.<br />If applet is not displaying properly, please check <a target="_blank" href="http://java.com/en/download/help/testvm.xml" title="Check Java applets">additional configurations</a></span>
</applet>
<table><tr>
<td>
<a href="javascript:browsefiles();" class="button">
<span class="browse">Browse... </span>
</a>
</td>
<td>
<a href="javascript:StartUpload();" class="button">
<span class="upload">Upload </span>
</a>
</td>
<td>
<a href="javascript:StopUpload();" class="button">
<span class="cancel">Cancel upload </span>
</a>
</td>
<td>
<a href="javascript:ToggleDetailArea();" class="button">
<span class="details">Show/Hide details area </span>
</a>
</td>
<td>
<a href="javascript:RemoveAll();" class="button">
<span class="clear">Clear </span>
</a>
</td>
</tr></table>
<table style="border:solid 1px #000033;" width="300" height="25" cellpadding="0" cellspacing="0">
<tr>
<td>
<table id="rowProgress" bgcolor="#0033ff" width="1" height="25" cellpadding="0" cellspacing="0">
<tr>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
<!-- Java Script code -->
<script type="text/javascript">
var uploadedfilescount = 0;
var Java;
window.onload = function() {
InitJavaObj();
}
function InitJavaObj()
{
Java = document.getElementById("JavaPowUpload");
}
function browsefiles()
{
Java.browseFiles();
}
//Clear HTML list
function clearListBox(lstBox)
{
while (lstBox.length > 0)
{
lstBox.remove(0);
}
}
function ToggleDetailArea()
{
Java.toggleDetailsArea();
}
function RemoveAll()
{
Java.clearTree();
UpdateTotalFilesLable();
}
//Update HTML progress bar state
function updateProgressBar(percentDone)
{
var rowProgress = document.getElementById("rowProgress");
if(percentDone>=1)
rowProgress.width = percentDone + "%";
else
rowProgress.width = "1"; //0% width not shown correctly by some browsers
}
function StartUpload()
{
updateProgressBar(0);
uploadedfilescount = 0;
document.getElementById("lable").innerHTML = "";
Java.startUpload();
}
function StopUpload()
{
Java.cancelUpload();
}
function RemoveAll()
{
Java.clearTree();
UpdateTotalFilesLable();
}
function ShowServerResponse()
{
var responselable = document.getElementById("serverresponse");
responselable.innerHTML = "Response code " + Java.getLastStatusCode();
responselable.innerHTML += "<br>" + Java.getLastServerResponse();
}
function UpdateTotalFilesLable()
{
document.getElementById("lable").innerHTML = "Total files is "+Java.getProgressInfo().getSelectedFilesCount()+" (" + Java.getProgressInfo().getTotalSize() + " bytes)";
}
<!-- Event "onFileProgress" invokes periodically during the upload process-->
function JavaPowUpload_onFileProgress()
{
var PercentDone = Java.getProgressInfo().getTotalPercent();
document.getElementById("lable").innerHTML = PercentDone + "% uploaded" + " (" + uploadedfilescount + " files)";
updateProgressBar(PercentDone);
}
function JavaPowUpload_onAddFile(listItem)
{
UpdateTotalFilesLable();
}
function JavaPowUpload_onRemoveFile(downloadItem)
{
UpdateTotalFilesLable();
}
<!-- Event "onUploadStart" invokes after upload process starts-->
function JavaPowUpload_onUploadStart()
{
}
<!-- Event "onFileFinished" invokes after individual file uploaded.-->
function JavaPowUpload_onFileFinished(listItem)
{
if(listItem.getStatus() == 2)
{
uploadedfilescount++;
Java.removeFile(listItem.getIndex());
}
}
<!-- Event "onUploadFinish" invokes after upload was finished-->
function JavaPowUpload_onUploadFinish()
{
updateProgressBar(100);
document.getElementById("lable").innerHTML = "Upload complete! " + uploadedfilescount + " files uploaded.";
ShowServerResponse();
}
</script>
<div id="lable"> </div><br>
<div id="serverresponse"> </div>
<br />
The file uploader doesn’t work? See <a target="_blank" href="http://www.element-it.com/OnlineHelpJavaPowUpload/Troubleshooting.html">here</a> what you need for its proper work.
<br/>
<a href="index.htm"><<Return to the samples list</a>
</body>
</html>