Sindbad~EG File Manager
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>SCHOOL</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
<link href="static/css/style.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid ">
<div class="row">
<div class="col-md-4 brand justify-content-center">
<div class="row">
<div class="col-md-12 logo">
<!-- <img src="/static/images/logo.jpeg" class="img-fluid rounded mx-auto d-block" alt="logo"> -->
</div>
</div>
<div class="row">
<div class="col-md-12 wizard">
<!-- <ul>
<li class="current"><i class="fas fa-check-circle"></i>Introduction</li>
<li><i class="fas fa-circle-notch"></i>Upload Nomination Form</li>
<li><i class="fas fa-circle-notch"></i>Upload Completed Nomination Form</li>
<li><i class="fas fa-circle-notch"></i>Confirmation</li>
</ul> -->
</div>
</div>
</div>
<div class="col-md-8 content" >
<div class="row">
<div class="col-md-8 offset-md-2 col-sm-10 " >
<form method="POST" id="user_attachment" enctype="multipart/form-data" action="{{url_for('user.PostFileUpload')}}">
<input type="hidden" name="user_id" id="user_id" value="{{user_id}}">
<div class="row ">
<div class="col-md-3"></div>
<div class="col-md-6 offset-md-4 mb-4 mt-4">
<div class="card text-white text-center user_attach_card mb-3" >
<div class="card-header">Payment</div>
<div class="card-ody">
<div id="show_img" style="display: none;">
<img src="" id="img" alt="img" width="100%" height="auto">
<iframe src="" id="iframe" alt="image" width="100%" height="auto" allow="encrypted-media" allowfullscreenstyle="max-height: 150px;" > </iframe>
</div>
<div class="btn btn-primary btn-block file-field my-2" id="file-field">
<span id="upload_btn">Upload
</span>
<input type="file" id="file" name="file" onchange="uploaduser_attachment()"/>
</div>
<input type="button" value="Delete" name="delete" style="display: none;" id="delete" onclick="deleteuser_attachment()" class="btn btn-danger btn-block form-input">
</div>
</div>
</div>
<div class="col-md-3"></div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists