/
var
/
www
/
html
/
stengineers
/
admin
/
Upload FileeE
HOME
<?php header('Access-Control-Allow-Origin: *'); require_once('dbconnection.php'); error_reporting(0); $bmenu_active = "active"; include 'header.php'; ?> <div class="container"> <div class="card o-hidden border-0 shadow-lg my-5"> <div class="card-body p-0"> <!-- Nested Row within Card Body --> <div class="row"> <!-- <div class="col-lg-5 d-none d-lg-block bg-register-image"></div> --> <div class="col-lg-12"> <div class="p-5"> <div class="text-center"> <h1 class="h4 text-gray-900 mb-4">Add Blog</h1> </div> <form class="user"> <div class="form-group row"> <div class="col-sm-6 mb-3 mb-sm-0"> <input type="text" class="form-control form-control-solid" id="title" name="title" placeholder="Title"> <div class="audit_error" style="color:red;" id="titleErr"></div> </div> <div class="col-sm-6"> <input type="text" class="form-control form-control-solid" id="alt_content" name="alt_content" placeholder="Alt Content"> <div class="audit_error" style="color:red;" id="alt_contentErr"></div> </div> </div> <div class="form-group row"> <div class="col-sm-6 mb-3 mb-sm-0"> <input type="text" class="form-control form-control-solid" id="blog_url" name="blog_url" placeholder="Blog Url"> <div class="audit_error" style="color:red;" id="blog_urlErr"></div> </div> <div class="col-sm-6"> <select class="form-control form-control-solid" name="status" id="status" > <option value="">Select Status</option> <option value="active">Active</option> <option value="inactive">Inactive</option> </select> <div class="audit_error" style="color:red;" id="statusErr"></div> </div> </div> <div class="form-group row"> <div class="col-sm-6"> <input type="text" class="form-control form-control-solid" id="author" name="author" placeholder="Author Name"> <div class="audit_error" style="color:red;" id="author_Err"></div> </div> </div> <div class="form-group row"> <!-- <div class="col-sm-1"> <img src="" id="bgimg" width="50" height="50" > </div> <div class="col-sm-5 mb-3 mb-sm-0"> <input type="hidden" id='blog_img' name="blog_img"> <form method="post" action="" enctype="multipart/form-data" id="myform"> <div class="form-control form-control-solid" style="padding-bottom: 45px !important;display: grid;grid-template-columns: 1fr auto;"> <input type="file" id="blogfile" name="blogfile" /> <button type="button" class="btn btn-success" value="Upload" id="blog_upload">Blog image <i class="fas fa-upload"></i></button> </div> </form> <div class="audit_error" style="color:red;" id="blog_imgErr"></div> </div> --> <div class="col-sm-2"> <img src="" id="tpimg" width="50" height="50" > </div> <div class="col-sm-10"> <input type="hidden" id='thumb_img' name="thumb_img"> <form method="post" action="" enctype="multipart/form-data" id="myform"> <!-- <img src="" id="img" width="250" height="250" style="display: none;"> --> <div class="form-control form-control-solid" style="padding-bottom: 45px !important;display: grid;grid-template-columns: 1fr auto;"> <input type="file" id="thumbfile" name="thumbfile" /> <button type="button" class="btn btn-success" value="Upload" id="thumb_upload">Upload Thumb image <i class="fas fa-upload"></i></button> </div> </form> <div class="audit_error" style="color:red;" id="thumb_imgErr"></div> </div> </div> <div class="form-group"> <textarea class="form-control form-control-solid" id="description" placeholder="Description" name="description" rows="3"></textarea> <div class="audit_error" style="color:red;" id="descriptionErr"></div> </div> <div class="form-group row"> <div id="summernote"></div> <div class="audit_error" style="color:red;" id="bcontentErr"></div> </div> <div class="form-group row text-center"> <button type="button" onclick="validateclientForm()" id="client-submit" class="btn btn-primary" value="Add New Blog" data-keyboard="false">Add New Blog</button> <div id="succ-client-alert" style='color: green;'></div> <div id="fail-client-alert" style='color: red;'></div> <!-- <a href="login.html" class="btn btn-primary"> Submit </a> --> </div> </form> <hr> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function(){ $("#blog_upload").click(function(){ var fd = new FormData(); var files = $('#blogfile')[0].files[0]; fd.append('file',files); $.ajax({ url: 'api/blog-upload.php', type: 'post', data: fd, contentType: false, processData: false, success: function(response){ if(response != 0){ $("#bgimg").attr("src",response); $("#blog_img").val(response); // $("#img").show(); // Display image element }else{ alert('file not uploaded'); } }, }); }); }); </script> <script type="text/javascript"> $(document).ready(function(){ $("#thumb_upload").click(function(){ var fd = new FormData(); var files = $('#thumbfile')[0].files[0]; fd.append('file',files); $.ajax({ url: 'api/thumb-upload.php', type: 'post', data: fd, contentType: false, processData: false, success: function(response){ if(response != 0){ $("#tpimg").attr("src",response); $("#thumb_img").val(response); // $("#img").show(); // Display image element }else{ alert('file not uploaded'); } }, }); }); }); </script> <script> $('#summernote').summernote({ placeholder: 'Blog Content', tabsize: 2, height: 120, toolbar: [ ['style', ['style']], ['font', ['bold', 'underline', 'clear']], ['color', ['color']], ['para', ['ul', 'ol', 'paragraph']], ['table', ['table']], ['insert', ['link', 'picture', 'video']], ['view', ['fullscreen', 'codeview', 'help']] ] }); </script> <script type="text/javascript"> function printError(elemId, hintMsg) { document.getElementById(elemId).innerHTML = hintMsg; } function validateclientForm() { $('#succ-client-alert').html(''); $('#fail-client-alert').html(''); var title = $('#title').val(); var alt_content = $('#alt_content').val(); var blog_url = $('#blog_url').val(); var description = $('#description').val(); var author = $('#author').val(); var status = $('#status').val(); var blog_img = "" ; // var blog_img = $("#blog_img").val(); var thumb_img = $("#thumb_img").val(); var bcontent = $(".note-editable").html(); // var bcontent = $('#summernote').summernote(); var titleErr = thumb_imgErr = blog_urlErr = descriptionErr = author_Err = statusErr = bcontentErr = true; if(title == "") { printError("titleErr", "Enter Blog Title"); } else { printError("titleErr", ""); titleErr = false; } if(blog_url == "") { printError("blog_urlErr", "Enter Blog Url"); } else { printError("blog_urlErr", ""); blog_urlErr = false; } if(description == "") { printError("descriptionErr", "Enter short description"); } else { printError("descriptionErr", ""); descriptionErr = false; } if(thumb_img == "") { printError("thumb_imgErr", "Upload Blog Image"); } else { printError("thumb_imgErr", ""); thumb_imgErr = false; } if(status == "") { printError("statusErr", "Select Status"); } else { printError("statusErr", ""); statusErr = false; } if(author == "") { printError("author_Err", "Enter Author Name"); } else { printError("author_Err", ""); author_Err = false; } if(bcontent == '<p><br></p>' || bcontent=='') { printError("bcontentErr", "Enter Blog Content"); } else { printError("bcontentErr", ""); bcontentErr = false; } if((titleErr || thumb_imgErr || blog_urlErr || author_Err || descriptionErr || statusErr || bcontentErr ) == true) { return false; } else{ $.ajax({ url: 'api/admin-blog.php', type: 'POST', data:{title:title, blog_url:blog_url, alt_content:alt_content, status:status, description:description,author:author, blog_img:blog_img, thumb_img:thumb_img, bcontent:bcontent, referer:"ezioaws", action:"addblog"}, success: function(data) { console.log(data.status,'data'); var data = JSON.parse(data); if(data.status=="success") { $('#succ-client-alert').html('Added Successfully'); $('#fail-client-alert').html(''); setTimeout(function() { window.location.href="blog.php"; }, 1000); } else { $('#succ-client-alert').html(''); $('#fail-client-alert').html(data.message); } } }); } } </script> <?php include 'footer.php'?>