Linux ip-172-26-7-228 5.4.0-1103-aws #111~18.04.1-Ubuntu SMP Tue May 23 20:04:10 UTC 2023 x86_64
Your IP : 18.116.13.192
<div class="row clearfix">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="card">
<div class="header">
<h2>
HALL TICKET <a class="btn btn-success waves-effect pull-right" id="ht-download">
<i class="material-icons">get_app</i>
<span onclick="" Width="20px">Download</span>
</a>
<a class="btn btn-success waves-effect pull-right" id="ht-upload" style="margin-right: 10px;"
data-toggle="modal" data-target="#myModal">
<i class="material-icons">backup</i>
<span onclick="" Width="40px">Upload Photo</span>
</a>
</h2>
</div>
<div class="body">
<!-- <object id="objdat" type="application/pdf" width = "100%" style="height:72vh">
<embed id ="embedpdf" type="application/pdf" />
</object> -->
<iframe id="iframe" width="100%" style="height:76vh"></iframe>
</div>
</div>
</div>
</div>
<div id="myModal" class="modal fade" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">× </button>
<h4 class="modal-title">Upload Photo</h4>
</div>
<div class="modal-body">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
<div class="col-md-offset-3 col-lg-12 col-md-4 col-sm-12 col-xs-12">
<form action="src/upload_file.php" id="frmFileUpload" class="dropzone" method="post"
enctype="form-data"
style="min-height: 220px;max-width: 190px; border-radius: 10px; border:1px solid black !important">
<div class="dz-message p-t-60">
<b>Click to upload<br> Photo</b>
</div>
<div class="fallback">
<input name="file" type="file" accept="jpeg" />
</div>
</form>
</div>
</div>
</div>
<div class="modal-footer">
<!-- <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> -->
</div>
</div>
</div>
</div>
<script src="plugins/dropzone/dropzone.js"></script>
<script type="text/javascript">
$(function () {
Dropzone.options.frmFileUpload =
{
paramName: "file",
maxFiles: 1,
acceptedFiles: ".jpeg,.jpg",
resizeWidth: 190,
resizeHeight: 220,
thumbnailWidth: 190,
thumbnailHeight: 220,
maxFilesize: 0.2,
init: function () {
this.on("maxfilesexceeded", function (file) {
alert("No more files please!");
});
this.on('success', function (file, response) {
photo_filename = response;
swal({
title: "Photo Uploaded Successfully",
type: "success",
showCancelButton: false,
confirmButtonColor: "#5495ff",
confirmButtonText: "OK",
closeOnConfirm: false
}, function (isConfirm) {
if (isConfirm)
swal.close();
});
});
},
addRemoveLinks: true,
removedfile: function (file) {
photo_filename = undefined;
var _ref;
return (_ref = file.previewElement) != null ? _ref.parentNode.removeChild(file.previewElement) : void 0;
},
resize: function (file) {
var resizeInfo = {
srcX: 0,
srcY: 0,
trgX: 0,
trgY: 0,
srcWidth: file.width,
srcHeight: file.height,
trgWidth: this.options.thumbnailWidth,
trgHeight: this.options.thumbnailHeight
};
return resizeInfo;
}
};
});
</script>
|