|
Server IP : 162.214.80.37 / Your IP : 216.73.216.83 Web Server : Apache System : Linux sh013.webhostingservices.com 4.19.286-203.ELK.el7.x86_64 #1 SMP Wed Jun 14 04:33:55 CDT 2023 x86_64 User : imyrqtmy ( 2189) PHP Version : 8.2.18 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0755) : /home2/imyrqtmy/public_html/zoomprinters/Admin/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<?php
session_start();
$se = $_SESSION["id"];
if (!isset($_SESSION['id'])) {
header("Location: login.php");
}
include("Includes/db.php");;
?>
<!doctype html>
<html lang="en">
<head>
<?php include 'Includes/head.php'; ?>
</head>
<body data-sidebar="dark">
<!-- <body data-layout="horizontal" data-topbar="dark"> -->
<!-- Begin page -->
<div id="layout-wrapper">
<?php include 'Includes/header.php'; ?>
<!-- ========== Left Sidebar Start ========== -->
<div class="vertical-menu">
<div data-simplebar class="h-100">
<!--- Sidemenu -->
<?php include 'Includes/sidebar.php'; ?>
<!-- Sidebar -->
</div>
</div>
<!-- Left Sidebar End -->
<!-- ============================================================== -->
<!-- Start right Content here -->
<!-- ============================================================== -->
<div class="main-content">
<div class="page-content">
<div class="container-fluid">
<!-- start page title -->
<div class="row">
<div class="col-12">
<div class="page-title-box d-sm-flex align-items-center justify-content-between">
<h4 class="mb-sm-0 font-size-18">Add Gallery</h4>
</div>
</div>
</div>
<!-- end page title -->
<div class="row">
<div class="card">
<div class="card-body">
<h4 class="card-title"></h4>
<form class="needs-validation" method="POST" action="action/add_gallery.php" enctype="multipart/form-data">
<div class="row">
<div class="col-md-12">
<div class="mb-3">
<label for="validationCustom01" class="form-label"> Image</label>
<input type="file" class="form-control " name="do_photo" id="do_photo" onchange="readThumb(this, 'thumb-error')" class="" accept="image/*" required="">
<div id="thumb" class="col-md-4"></div>
<div id="thumb-error" style="color: red; margin: 10px 0px 0 10px; display: none;">Please upload file having extensions .jpeg / .jpg / .png only.
</div>
</div>
</div>
</div>
</div>
<!--<div class="row"> -->
<!-- <p style="text-align: right;" >Sample File</p>-->
<!-- <a href=" " download>-->
<!-- <button type="button" style="float: right; background-color: DodgerBlue;border: none;color: white;cursor: pointer;" class="btn btn-success"><i class="fa fa-download"></i> Download</button> -->
<!-- </a>-->
<!-- </div>-->
<div>
<button class="btn btn-primary" type="submit">Submit </button>
</div>
</form>
</div>
</div>
<!-- end card -->
<!-- end col -->
</div>
<!-- end row -->
<!-- end row -->
<!-- end row -->
</div>
<!-- container-fluid -->
</div>
<!-- End Page-content -->
<footer class="footer">
<?php include 'Includes/footer.php'; ?>
</footer>
</div>
<!-- end main content-->
</div>
<!-- END layout-wrapper -->
<!-- Right Sidebar -->
<!-- /Right-bar -->
<!-- Right bar overlay-->
<div class="rightbar-overlay"></div>
<?php include 'Includes/bscript.php'; ?>
</body>
<script type="text/javascript">
function readThumb(input, error) {
document.getElementById(error).style.display = "none";
var filePath = input.value;
var allowedExtensions = /(\.jpg|\.jpeg|\.png)$/i;
if(!allowedExtensions.exec(filePath)){
document.getElementById(error).style.display = "block";
input.value = '';
document.getElementById("thumb").innerHTML = "";
return false;
} else if(input.files && input.files[0]) {
document.getElementById("thumb").innerHTML = "";
var total = input.files.length;
for(i=0; i<total; i++ ) {
var reader = new FileReader();
reader.onload = function(e) {
var newimg = document.createElement("img");
newimg.setAttribute("src", e.target.result);
newimg.setAttribute("height", "70px");
document.getElementById("thumb").appendChild(newimg);
}
reader.readAsDataURL(input.files[i]);
}
}
}
</script>
<script type="text/javascript">
function readImages(input, errorClass) {
document.getElementById(errorClass).style.display = "none";
var len = input.files.length;
var error = false;
for(var i=0; i<len; i++) {
var filePath = input.files[i].name;
var allowedExtensions = /(\.jpg|\.jpeg|\.png)$/i;
if(!allowedExtensions.exec(filePath)){
document.getElementById(errorClass).style.display = "block";
input.value = '';
document.getElementById("img-container").innerHTML = "";
error = true;
break;
}
}
if(error == true) {
return false;
} else if(input.files && input.files[0]) {
document.getElementById("img-container").innerHTML = "";
var total = input.files.length;
for(i=0; i<total; i++ ) {
var reader = new FileReader();
reader.onload = function(e) {
var newimg = document.createElement("img");
newimg.setAttribute("src", e.target.result);
newimg.setAttribute("height", "50px");
document.getElementById("img-container").appendChild(newimg);
}
reader.readAsDataURL(input.files[i]);
}
}
}
</script>
</html>