invisio v2.0

<?php
include('../../../config/main_function.php');
$secure = "cAh3DrJACzw4RbU";
$connection = connectDB($secure);

$seo_id = mysqli_real_escape_string($connection, $_POST['id']);

$sql = "SELECT * FROM tbl_setting_seo WHERE seo_id = '$seo_id'";
$res = mysqli_query($connection, $sql);
$row = mysqli_fetch_assoc($res);

<div class="modal-header">
    <h4 class="modal-title">เพิ่มรายการ SEO</h4>
    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
</div>
<div class="modal-body">
    <form id="form_edit" method="post" enctype="multipart/form-data">
        <input type="hidden" name="seo_id" id="seo_id" value="<?php echo $seo_id; ?>">
        <div class="row">

<div class="col-lg-12 mb-2">
                <div class="form-group">
                    <label>ชื่อเพจ</label>
                    <input type="text" name="page_title" class="form-control" id="page_title" value="<?php echo $row['page_title']; ?>">
                </div>
            </div>
            <div class="col-lg-12 mb-2">
                <div class="form-group">
                    <label>คำอธิบายของหน้า</label>
                    <textarea class="form-control" rows="5" name="page_description" id="page_description">
                        <?php echo $row['page_description']; ?>
                    </textarea>

</div>
            </div>

<div class="col-lg-12 mb-2">
                <div class="form-group">
                    <label>url ของหน้า</label>
                    <input type="text" name="page_url" class="form-control" id="page_url" value="<?php echo $row['page_url']; ?>">
                </div>
            </div>

<div class="col-lg-12 mb-2">
                <div class="form-group">
                    <label for="image">รูปภาพที่จะแสดงเมื่อมีการแชร์หน้าเว็บ</label>
                    <div class="BroweForFile" style="text-align:center;">
                        <div id="seo_image"><label for="seo_img">
                                <a><img id="blah1" src="img/<?php echo $row['page_image'] == '' ? 'AddFile.png' : $row['page_image'] ?>" width="100%" /></a></label>
                        </div>
                        <input type="file" id="seo_img" name="seo_image" onchange="readURL(this);" style="display: none;">
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>

<div class="modal-footer">
    <button type="button" class="btn btn-primary" onclick="EditSEO();"><i class="fa fa-check"></i>&nbsp;บันทึก</button>
    <button type="button" class="btn btn-white" data-dismiss="modal">ปิด</button>
</div>
</form>

function readURL(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function(e) {

if (input.files[0]['type'] == "application/pdf") {

$('#blah1').attr('src', 'images/file_svg/pdf.svg');

} else {

$('#blah1').attr('src', e.target.result);
                }
            }
            reader.readAsDataURL(input.files[0]);
        }
    }

function readURL2(input) {
        if (input.files && input.files[0]) {
            var reader = new FileReader();
            reader.onload = function(e) {

if (input.files[0]['type'] == "application/pdf") {

$('#blah2').attr('src', 'images/file_svg/pdf.svg');

} else {

$('#blah2').attr('src', e.target.result);
                }

}
            reader.readAsDataURL(input.files[0]);
        }
    }
</script>