fordev22.com รับพัฒนาระบบ รับพัฒนาเว็บแอพพลิเคชั่น รับพัฒนาเว็บไซต์ รับเขียนโปรแกรม สอนทำเว็บ สอนเขียนเว็บ สอนทำเว็บ php สอนBootstrap สอนทำเว็บราคาถูก รับทำเว็บไซต์ราคาถูก โปรเจ็คจบ ทำเว็บแบบง่าย ๆ สอนทำเว็บรองรับมือถือ สอนทำเว็บรองรับทุกอุปกรณ์ สอนคอมพิวเตอร์ html php css web app sql Bootstrap Mysql XAMPP

PHP+MySqli EP.25
Preview an image before it is uploaded
(การแสดงรูปภาพก่อน บันทึกเข้า Database)
เป็นการแสดงรูปภาพก่อนบันทึกเข้า Database

ระบบ ตระกร้าสินค้า แบบไม่สมัครสมาชิกสั่งซื้อได้

ระบบ ตระกร้าสินค้าแบบสมัครสมาชิก

ระบบ ตระกร้าสินค้า ADVANCE แจ้งเตือนชำระเงินผ่านไลน์

ระบบ เช่าชุดออนไลน์

Code

<!DOCTYPE html>
<html>
<head>
	<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">


	


	<title></title>


    <script src="http://code.jquery.com/jquery-latest.js"></script>

    <script type="text/javascript">
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('#blah').attr('src', e.target.result);
                }

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

</head>
<body>


	

<form action="" method="post" class="form-horizontal" enctype="multipart/form-data">

    <div class="container">
        <div class="row">
            <div class="col-md-2">
            </div>
            <div class="col-md-8">
                <center>
                    <br><br><br>
                <p><h3>Preview an image before it is uploaded<br>By fordev22 </h3></p>

                <div class="form-group">
                    <label for="exampleInputEmail1">รูปภาพ</label>
                    <img id="blah" src="#" alt="your image" width="500" />

                    <input type="file" class="form-control" name="pe_img" id="pe_img" onchange="readURL(this);" /><br>
                    

                  </div>
                  <button type="submit" class="btn btn-primary btn-block">Insert</button>

                </center>
            </div>
            <div class="col-md-2">
            </div>
        </div>
    </div>


</form>




</body>
</html>

<!DOCTYPE html>

<html>

<head>

function readURL(input) {

if (input.files && input.files[0]) {

var reader = new FileReader();

reader.onload = function (e) {

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

}

reader.readAsDataURL(input.files[0]);

}

</script>

</head>

<body>

</div>

<p><h3>Preview an image before it is uploaded<br>By fordev22 </h3></p>

<label for="exampleInputEmail1">รูปภาพ</label>

</div>

<button type="submit" class="btn btn-primary btn-block">Insert</button>

</center>

</div>

</div>

</form>

</body>

</html>

ระบบ ตระกร้าสินค้า แบบไม่สมัครสมาชิกสั่งซื้อได้

ระบบ ตระกร้าสินค้าแบบสมัครสมาชิก

ระบบ ตระกร้าสินค้า ADVANCE แจ้งเตือนชำระเงินผ่านไลน์

ระบบ เช่าชุดออนไลน์

You might also like