| Server IP : 162.0.232.25 / Your IP : 18.227.102.228 Web Server : LiteSpeed System : Linux premium276.web-hosting.com 4.18.0-513.11.1.lve.el8.x86_64 #1 SMP Thu Jan 18 16:21:02 UTC 2024 x86_64 User : kwacuqig ( 988) PHP Version : 8.2.26 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : OFF | Pkexec : OFF Directory : /home/kwacuqig/learn.skilltainment.org/ |
Upload File : |
<?php
include './sidebar.php';
include './navbar.php';
if (isset($_GET['id'])) {
if (!empty($_GET['id'])) {
$pid = $_GET['id'];
}
}
?>
<div class="container-fluid pt-4 px-4">
<div class="row g-2">
<div class="col-12">
<div class="bg-secondary rounded h-100 p-4">
<form action="./ajax-videos.php" method="POST" id="video-upload" enctype="multipart/form-data">
<input type="file" name="video" id="file-2" class="inputfile inputfile-2" data-multiple-caption="{count} files selected" accept=".mp4" multiple required />
<label for="file-2">
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="17" viewBox="0 0 20 17">
<path d="M10 0l-5.2 4.9h3.3v5.1h3.8v-5.1h3.3l-5.2-4.9zm9.3 11.5l-3.2-2.1h-2l3.4 2.6h-3.5c-.1 0-.2.1-.2.1l-.8 2.3h-6l-.8-2.2c-.1-.1-.1-.2-.2-.2h-3.6l3.4-2.6h-2l-3.2 2.1c-.4.3-.7 1-.6 1.5l.6 3.1c.1.5.7.9 1.2.9h16.3c.6 0 1.1-.4 1.3-.9l.6-3.1c.1-.5-.2-1.2-.7-1.5z" />
</svg> <span>Select Video</span>
</label>
<div class="form-floating mb-3 mt-2">
<input type="text" name="title" class="form-control" id="floatingInput" placeholder="Playlist Title" value="<?php echo isset($_SESSION['title']) ? $_SESSION['title'] : ''; ?>" required>
<label for="floatingInput">Video Title</label>
</div>
<div class="form-floating mb-3">
<textarea class="form-control" name="details" placeholder="Leave a comment here" id="floatingTextarea" style="height: 150px;" required><?php echo isset($_SESSION['details']) ? $_SESSION['details'] : ''; ?></textarea>
<label for="floatingTextarea">Video Details</label>
</div>
<input type="hidden" name="pid" value="<?php echo isset($_GET['id']) ? $pid : null; ?>">
<button type="submit" name="submit" class="btn btn-primary py-3 w-100 my-4"><i class="fa fa-upload"></i> Upload</button>
<!-- Progress Bar -->
<div id="progress">
<div class="progress"></div>
<span></span>
</div>
<div id="position"></div>
<div class="video-container"></div>
</form>
</div>
</div>
</div>
</div>
<script>
document.querySelector("title").innerText = "Upload Video";
document.querySelectorAll(".navbar-nav a")[1].classList.add("active");
</script>
<?php
include './footer.php';
?>
<script>
$(document).ready(function() {
$("#video-upload").on("submit", function(e) {
if ($("#file-2").val()) {
e.preventDefault();
$("#loader").show();
$(this).ajaxSubmit({
target: ".video-container",
beforeSubmit: function() {},
beforeSend: function() {},
uploadProgress: function(event, position, total, percentComplete) {
$("#progress").show();
$(".progress").css('width', percentComplete + '%');
$("#progress").children("span").html(percentComplete + '%');
//getting kbs or mbs
let currentPos = 0;
let totalPos = 0;
if (position < 1048576) {
currentPos = (position / 1024).toFixed(2);
if (total < 1048576) {
totalPos = (total / 1024).toFixed(2)
$("#position").html(currentPos + ' KB / ' + totalPos + ' KB');
} else {
totalPos = (total / 1048576).toFixed(2)
$("#position").html(currentPos + ' KB / ' + totalPos + ' MB');
}
} else {
currentPos = (position / 1048576).toFixed(2);
if (total < 1048576) {
totalPos = (total / 1024).toFixed(2)
$("#position").html(currentPos + ' MB / ' + totalPos + ' KB');
} else {
totalPos = (total / 1048576).toFixed(2)
$("#position").html(currentPos + ' MB / ' + totalPos + ' MB');
}
}
},
success: function() {
$("#loader").hide();
},
resetForm: true
})
}
return false;
});
});
</script>