}
// Return an empty string to signify success
echo '';
exit;
}
require_once '../include/header.php';
?>
<div class="configuration k-widget k-header" style="width: 300px">
<span class="infoHead">Information</span>
<p>
This example shows how to handle events triggered by kendoUpload.
</p>
</div>
<div style="width:45%">
<?php
$upload = new \Kendo\UI\Upload('files[]');
$upload->async(array('saveUrl' => 'async.php?type=save', 'removeUrl' => 'async.php?type=remove', 'autoUpload' => true))->select('onSelect')->upload('onUpload')->success('onSuccess')->error('onError')->complete('onComplete')->remove('onRemove')->progress('onProgress');
echo $upload->render();
?>
</div>
<script>
function onSelect(e) {
kendoConsole.log("Select :: " + getFileInfo(e));
}
function onUpload(e) {
kendoConsole.log("Upload :: " + getFileInfo(e));
}
function onSuccess(e) {
kendoConsole.log("Success (" + e.operation + ") :: " + getFileInfo(e));
<?php
require_once '../lib/Kendo/Autoload.php';
require_once '../include/header.php';
?>
<div class="configuration k-widget k-header">
<span class="infoHead">Information</span>
<p>
The Upload can be used as a drop-in replacement
for file input elements.
</p>
<p>
This "synchronous" mode does not require
special handling on the server.
</p>
</div>
<form method="post" action="result.php" style="width:45%">
<div>
<?php
$upload = new \Kendo\UI\Upload('files[]');
echo $upload->render();
?>
<p>
<input type="submit" value="Submit" class="k-button" />
</p>
</div>
</form>
<?php
require_once '../include/footer.php';
}
setcookie('initialFiles', serialize($currentInitialFiles), time() + 60 * 60 * 6);
// Return an empty string to signify success
echo '';
exit;
}
require_once '../include/header.php';
?>
<div class="configuration k-widget k-header" style="width: 300px">
<span class="infoHead">Information</span>
<p>
This example show how to persist the successfully uploaded files
in the list and display them again when the page is reloaded.
</p>
<p>
Please upload some files and refresh the page.
</p>
</div>
<div style="width:45%">
<?php
$upload = new \Kendo\UI\Upload('files[]');
$upload->async(array('saveUrl' => 'initialfiles.php?type=save', 'removeUrl' => 'initialfiles.php?type=remove', 'autoUpload' => true, 'removeField' => 'fileNames[]'));
$initialFiles = isset($_COOKIE['initialFiles']) ? unserialize($_COOKIE['initialFiles']) : array();
$upload->files($initialFiles);
echo $upload->render();
?>
</div>
<?php
require_once '../include/footer.php';
*/
}
}
// Return an empty string to signify success
echo '';
exit;
}
require_once '../include/header.php';
?>
<div class="configuration k-widget k-header" style="width: 300px">
<span class="infoHead">Information</span>
<p>
The Upload is able to upload files out-of-band using the
HTML5 File API with fallback for legacy browsers.
</p>
<p>
You need to configure save action that will receive
the uploaded files.
An optional remove action is also available.
</p>
</div>
<div style="width:45%">
<?php
$upload = new \Kendo\UI\Upload('files[]');
$upload->async(array('saveUrl' => 'async.php?type=save', 'removeUrl' => 'async.php?type=remove', 'autoUpload' => true, 'removeField' => 'fileNames[]'));
echo $upload->render();
?>
</div>
<?php
require_once '../include/footer.php';
/*
for ($index = 0; $index < count($fileNames); $index++) {
unlink('./' . $fileNames[$index]);
}
*/
}
}
// Return an empty string to signify success
echo '';
exit;
}
require_once '../include/header.php';
?>
<?php
$upload = new \Kendo\UI\Upload('files[]');
$upload->async(array('saveUrl' => 'async.php?type=save', 'removeUrl' => 'async.php?type=remove', 'autoUpload' => false, 'removeField' => 'fileNames[]'));
$upload->template("<span class='k-progress'></span>" . "<div class='file-wrapper'>" . "<span class='file-icon #=addExtensionClass(files[0].extension)#'></span>" . "<h4 class='file-heading file-name-heading'>Name: #=name#</h4>" . "<h4 class='file-heading file-size-heading'>Size: #=size# bytes</h4>" . "<button type='button' class='k-upload-action'></button>" . "</div>");
echo $upload->render();
?>
<script>
function addExtensionClass(extension) {
switch (extension) {
case '.jpg':
case '.img':
case '.png':
case '.gif':
return "img-file";
case '.doc':
case '.docx':
