| Server IP : 210.245.233.93 / Your IP : 216.73.216.226 Web Server : Apache/2.2.15 (CentOS) System : Linux webserver2.onesolution.com.hk 2.6.32-754.35.1.el6.x86_64 #1 SMP Sat Nov 7 12:42:14 UTC 2020 x86_64 User : apache ( 48) PHP Version : 5.3.3 Disable Function : exec, shell_exec, system, passthru, popen, proc_open, pcntl_exec MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /var/www/hkosl.com/excland/view/ |
Upload File : |
<!DOCTYPE html>
<html lang="en-HK" prefix="og: http://ogp.me/ns#">
<head>
<title>EXCLAND - Upload</title>
<!-- css -->
<?php include 'inc/headlinks.php'; ?>
<!-- js -->
<?php include 'inc/link-js.php'; ?>
</head>
<body class="blueTheme">
<!-- header -->
<div class="subPageNav">
<?php include 'inc/navbar_nologin.php'; ?>
</div>
<!-- end of header-->
<!-- breadcrumb -->
<div class="breadcrumbWrapper_nonscroll grayDeepBgColor">
<div class="container">
<a href="index.php" class="link"> 首頁</a> > <span>
上傳入數紙</span>
</div>
</div>
<section class="productBoxWrapper">
<div class="container">
<form>
<div class="row mb-4">
<div class="col-lg-6 mx-auto">
<div class="text-center bigFont mb-4">
<i class="fas fa-sticky-note grayFont"></i>
<h4>上傳入數紙</h4>
</div>
<div class="form-group">
<input type="text" class="form-control text-center" aria-describedby=""
placeholder="請輸入訂單編號">
</div>
<!-- Upload image input-->
<div class="input-group mb-3 px-2 py-2 rounded-pill bg-white shadow-sm">
<input id="upload" type="file" onchange="readURL(this);" class="form-control border-0">
<label id="upload-label" for="upload" class="font-weight-light text-muted">選擇文件</label>
<div class="input-group-append">
<label for="upload" class="btn btn-light m-0 rounded-pill px-4"> <i
class="fa fa-cloud-upload mr-2 text-muted"></i><small
class="text-uppercase font-weight-bold text-muted">選擇文件</small></label>
</div>
</div>
<!-- Uploaded image area-->
<p class="font-italic text-center">上載入數紙檔案(JPG, 5MB)</p>
<div class="image-area mt-4 mb-4"><img id="imageResult" src="#" alt=""
class="img-fluid rounded shadow-sm mx-auto d-block"></div>
<div class="form-group text-center">
<label for="message">備註:</label>
<textarea class="form-control" id="message" rows="5"></textarea>
</div>
<div class="text-center pt-4">
<button type="submit" class="btn btn-primary">上傳入數紙</button>
</div>
</div>
</form>
</div>
</section>
<!-- end #section -->
<!-- footer -->
<?php include 'inc/footer.php'; ?>
<!-- custom JS -->
<script>
/* ==========================================
SHOW UPLOADED IMAGE
* ========================================== */
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function(e) {
$('#imageResult')
.attr('src', e.target.result);
};
reader.readAsDataURL(input.files[0]);
}
}
$(function() {
$('#upload').on('change', function() {
readURL(input);
});
});
/* ==========================================
SHOW UPLOADED IMAGE NAME
* ========================================== */
var input = document.getElementById('upload');
var infoArea = document.getElementById('upload-label');
input.addEventListener('change', showFileName);
function showFileName(event) {
var input = event.srcElement;
var fileName = input.files[0].name;
infoArea.textContent = 'File name: ' + fileName;
}
</script>
</body>
</html>