| Server IP : 79.136.114.73 / Your IP : 13.59.91.46 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/project/universal_old/ |
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 with resize/collapse</title>
<!-- UniversalUploader css style file -->
<link rel="stylesheet" href="universal/style.css">
<!-- Examples css file -->
<link href="styles.css" type="text/css" rel="stylesheet" />
<!-- UniversalUploader JavaScript code file -->
<script type="text/javascript" src="universal/universalUploader.js"></script>
<script type="text/javascript" src="Extra/jquery.min.js"></script>
<!-- Replace JQuery source with the "http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" (Most users has such file cached )-->
<!--
Resize/Collapse feature.
If you dont need this feature then:
1. Remove JavaScript below and styles.
2. Remove DnRdiv but leave MultiPowUpload_holder stored in it.
3. Remove Collapse, Drag, Resize divs
-->
<script type="text/javascript">
var MultiPowUploadMinWidth = 250; //MultiPowUpload minimal width for resize
var MultiPowUploadMinHeight = 180; //MultiPowUpload minimal height for resize
/*
* jqDnR - Minimalistic Drag'n'Resize for jQuery.
* Copyright (c) 2007 Brice Burgess <bhb@iceburg.net>, http://www.iceburg.net
* Licensed under the MIT License:
* http://www.opensource.org/licenses/mit-license.php
* $Version: 2007.08.19 +r2
*/
(function($){
$.fn.jqDrag=function(h){return i(this,h,'d');};
$.fn.jqResize=function(h){return i(this,h,'r');};
$.jqDnR={dnr:{},e:0,
drag:function(v){
if(M.k == 'd')
{
E.css({left:M.X+v.pageX-M.pX,top:M.Y+v.pageY-M.pY});
}
else
{
var newwidth = Math.max(v.pageX-M.pX+M.W,0);
var newheight = Math.max(v.pageY-M.pY+M.H,0);
if(newwidth>=MultiPowUploadMinWidth)
E.css({width:newwidth});
if(newheight>=MultiPowUploadMinHeight)
E.css({height:newheight});
if(newwidth>=MultiPowUploadMinWidth && newheight>=MultiPowUploadMinHeight)
{
newwidth = newwidth-10;
newheight = newheight-25;
universalUploader.setSize(newwidth, newheight);
}
}
return false;
},
stop:function()
{
E.css('opacity',M.o);
$().unbind('mousemove',J.drag).unbind('mouseup',J.stop);
//force redraw file list
universalUploader.setSize(universalUploader.getWidth(), universalUploader.getHeight(), true);
}
};
var J=$.jqDnR,M=J.dnr,E=J.e,
i=function(e,h,k){return e.each(function(){h=(h)?$(h,e):e;
h.bind('mousedown',{e:e,k:k},function(v){var d=v.data,p={};E=d.e;
// attempt utilization of dimensions plugin to fix IE issues
if(E.css('position') != 'relative'){try{E.position(p);}catch(e){}}
M={X:p.left||f('left')||0,Y:p.top||f('top')||0,W:f('width')||E[0].scrollWidth||0,H:f('height')||E[0].scrollHeight||0,pX:v.pageX,pY:v.pageY,k:d.k,o:E.css('opacity')};
E.css({opacity:0.8});$().mousemove($.jqDnR.drag).mouseup($.jqDnR.stop);
return false;
});
});},
f=function(k){return parseInt(E.css(k))||false;};
})(jQuery);
function collapse()
{
var CollapseHeight = 16;
if ( typeof collapse.CollapseType == 'undefined' )
collapse.CollapseType = "close";
if(collapse.CollapseType=="close")
{
collapse.DnRoriginalWidth = $('#DnRdiv').css("width");
collapse.DnRoriginalHeight = $('#DnRdiv').css("height");
collapse.MPUoriginalWidth = universalUploader.getWidth();
collapse.MPUoriginalHeight = universalUploader.getHeight();
universalUploader.setSize(1,1);
/*MultiPowUpload.width=1;
MultiPowUpload.height=1;*/
$('#DnRdiv').css({width:collapse.MPUoriginalWidth, height:CollapseHeight});
$('#collapsediv').css({background:"transparent url('images/collapseback.png') no-repeat"});
collapse.CollapseType="open";
}
else
{
/*MultiPowUpload.width=collapse.MPUoriginalWidth;
MultiPowUpload.height=collapse.MPUoriginalHeight;*/
universalUploader.setSize(collapse.MPUoriginalWidth,collapse.MPUoriginalHeight);
$('#DnRdiv').css({width:collapse.DnRoriginalWidth, height:collapse.DnRoriginalHeight});
$('#collapsediv').css({background:"transparent url('images/collapse.png') no-repeat"});
collapse.CollapseType="close";
}
}
function MultiPowUpload_onMouseUp()
{
$.jqDnR.stop();
}
</script>
<style>
.jqHandle {
height:17px;
}
.jqDrag {
width: 16px;
position: absolute;
bottom: 0;
right: 16;
cursor: move;
background: transparent url('images/move.png') no-repeat;
border-top:1px solid #CCC;
}
.jqResize {
width: 16px;
position: absolute;
bottom: 0;
right: 0;
cursor: se-resize;
background: transparent url('images/resize.png') no-repeat;
border-top:1px solid #CCC;
}
.jqDnR {
z-index: 3;
position: relative;
padding-bottom: 18;
background-color: #FFFFFF;
border: 1px dashed #CCC;
}
.jqCollapse {
width: 16px;
position: absolute;
bottom: 0;
right: 32;
border-left:1px solid #CCC;
background: transparent url('images/collapse.png') no-repeat;
border-top:1px solid #CCC;
cursor:pointer;
}
</style>
<!-- End of collapse/resize feature code -->
</head>
<body>
Sample: <b>simpleuploadwithresize.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.html"><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>
<br/>
This example has JavaScript resize/collapse feature.<br>
<br>
<div id="DnRdiv" class="jqDnR">
<!-- PlaceHolder for UniversalUploader User Interface. Existing content will not be removed.
UniversalUpload will append own content to the end of this div-->
<div id="universalUploader_holder" >
<noscript>Place standard form with file input here for users who have disabled JS in browser.<br/>
Form snippet:<br/>
<form id="myform" name="myform" action="url to file processing script" method="post" enctype="multipart/form-data">
<input name="Filedata" type="file"><br>
<input type="submit" value="Upload" />
</form>
</noscript>
</div>
<div id="collapsediv" onClick="javascript:collapse();" title="Collapse control" class="jqHandle jqCollapse"></div>
<div title="Drag control" class="jqHandle jqDrag"></div>
<div title="Resize control" class="jqHandle jqResize"></div>
</div>
<!-- Initialization of UniversalUploader object -->
<script type="text/javascript">
universalUploader.init({
//Your serialNumber
serialNumber: "put your license key here",
//List of uploaders to render
uploaders: "drag-and-drop, flash, silverlight, classic",
//Fir of correctly initialized uploader will be rendered
singleUploader : true,
//Id of html element where universalUploader should be rendered
//If not set, document body used
holder: "universalUploader_holder",
//Url to the swf file
flash_swfUrl : "universal/uploaders/ElementITMultiPowUpload.swf",
//Url to the xap file
silverlight_xapUrl : "universal/uploaders/UltimateUploader.xap",
//url to folder with jar files
java_libPath : "universal/uploaders/java/",
//Path to the folder with images (status icons, remove icon) By default images subfolder is used (relative to the html page base path)
//In these examples we place icons inside universal/images subfolder.
imagesPath : "universal/images/",
//Url to the file processing script
url: "FileProcessingScripts/PHP/uploadfiles.php"
});
//File upload complete
universalUploader.bindEventListener("FileUploadComplete", function (uploaderId, file){
var responselable = document.getElementById("serverresponse");
if(file.serverResponse) responselable.innerHTML += "<strong>" + file.serverResponse + "</strong>";
});
//File upload error handler
universalUploader.bindEventListener("FileUploadError", function (uploaderId, file, status, msg){
var responselable = document.getElementById("serverresponse");
responselable.innerHTML += "File Upload error "+file.name+" status "+status+" message "+msg;
});
universalUploader.bindEventListener("Init", function (inited){
if(!inited)
alert("UniversalUploader failed to init!");
else
{
$('#DnRdiv').jqDrag('.jqDrag').jqResize('.jqResize');
$('#DnRdiv').css({width:(universalUploader.getWidth()+10), height:(universalUploader.getHeight()+25)});
}
});
</script>
You should see server response below when upload complete:<br/>
<div id="serverresponse"></div>
<br/>
<hr/>
In this example we set the value of the <strong>singleUploader</strong> parameter to the 'true'.
<code>
<pre>
universalUploader.init({
//Your serialNumber
serialNumber: "put your license key here",
//List of uploaders to render
uploaders: "drag-and-drop, flash, silverlight, classic",
//First of correctly initialized uploader will be rendered
singleUploader : true,
//Id of html element where universalUploader should be rendered
//If not set, document body used
holder: "universalUploader_holder",
//Url to the swf file
flash_swfUrl : "universal/uploaders/ElementITMultiPowUpload.swf",
//Url to the xap file
silverlight_xapUrl : "universal/uploaders/UltimateUploader.xap",
//Path to the folder with images (status icons, remove icon) By default images subfolder is used (relative to the html page base path)
//In these examples we place icons inside universal/images subfolder.
imagesPath : "universal/images/",
//Url to the file processing script
url: "FileProcessingScripts/PHP/uploadfiles.php"
});</pre></code>
<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 "url" of UniversalUploader object. The value can be:</p>
<ul>
<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 JSP : <code>FileProcessingScripts/JSP/uploadfiles.jsp</code></li>
<li>For ASP : <code>FileProcessingScripts/ASP/uploadfiles.asp</code></li>
</ul>
<br/>The file uploader doesn’t work? See <a target="_blank" href="http://www.element-it.com/OnlineHelpUniversal/UniversalUploader_Manual_HTML/Troubleshooting.html">here</a> what you need for its proper work.
</body>
</html>