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

PHP+MySqli EP.26
Preview an image before it is uploaded
and uploaded to database (Past 2)
(การแสดงรูปภาพก่อน บันทึกเข้า Database)
เป็นการแสดงรูปภาพก่อนบันทึกเข้า Database
และบันทึกรูปภาพเข้า โฟเดอร์ในเว็บไซต์ พร้อม
บันทึกชื่อภาพเข้า Database เพื่อ ให้เรียกแสดงได้

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

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

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

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

ระบบ บริหารจัดการห้องพัก

ตาราง SQL

-- phpMyAdmin SQL Dump
-- version 4.7.0
-- https://www.phpmyadmin.net/
--
-- Host: localhost
-- Generation Time: Dec 22, 2019 at 05:25 AM
-- Server version: 10.1.25-MariaDB
-- PHP Version: 5.6.31

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";
SET AUTOCOMMIT = 0;
START TRANSACTION;
SET time_zone = "+00:00";


/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;
/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;
/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;
/*!40101 SET NAMES utf8mb4 */;

--
-- Database: `sqli_1`
--

-- --------------------------------------------------------

--
-- Table structure for table `img_tbl`
--

CREATE TABLE `img_tbl` (
  `img_id` int(11) NOT NULL,
  `img_a` varchar(200) NOT NULL,
  `img_b` varchar(200) NOT NULL,
  `date_insert` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP
) ENGINE=InnoDB DEFAULT CHARSET=utf8;

--
-- Indexes for dumped tables
--

--
-- Indexes for table `img_tbl`
--
ALTER TABLE `img_tbl`
  ADD PRIMARY KEY (`img_id`);

--
-- AUTO_INCREMENT for dumped tables
--

--
-- AUTO_INCREMENT for table `img_tbl`
--
ALTER TABLE `img_tbl`
  MODIFY `img_id` int(11) NOT NULL AUTO_INCREMENT;COMMIT;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;
/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;
/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

-- phpMyAdmin SQL Dump

-- version 4.7.0

-- https://www.phpmyadmin.net/

-- Host: localhost

-- Generation Time: Dec 22, 2019 at 05:25 AM

-- Server version: 10.1.25-MariaDB

-- PHP Version: 5.6.31

SET SQL_MODE = "NO_AUTO_VALUE_ON_ZERO";

SET AUTOCOMMIT = 0;

START TRANSACTION;

SET time_zone = "+00:00";

/*!40101 SET @OLD_CHARACTER_SET_CLIENT=@@CHARACTER_SET_CLIENT */;

/*!40101 SET @OLD_CHARACTER_SET_RESULTS=@@CHARACTER_SET_RESULTS */;

/*!40101 SET @OLD_COLLATION_CONNECTION=@@COLLATION_CONNECTION */;

/*!40101 SET NAMES utf8mb4 */;

-- Database: `sqli_1`

-- --------------------------------------------------------

-- Table structure for table `img_tbl`

CREATE TABLE `img_tbl` (

`img_id` int(11) NOT NULL,

`img_a` varchar(200) NOT NULL,

`img_b` varchar(200) NOT NULL,

`date_insert` datetime NOT NULL DEFAULT CURRENT_TIMESTAMP

) ENGINE=InnoDB DEFAULT CHARSET=utf8;

-- Indexes for dumped tables

-- Indexes for table `img_tbl`

ALTER TABLE `img_tbl`

ADD PRIMARY KEY (`img_id`);

-- AUTO_INCREMENT for dumped tables

-- AUTO_INCREMENT for table `img_tbl`

ALTER TABLE `img_tbl`

MODIFY `img_id` int(11) NOT NULL AUTO_INCREMENT;COMMIT;

/*!40101 SET CHARACTER_SET_CLIENT=@OLD_CHARACTER_SET_CLIENT */;

/*!40101 SET CHARACTER_SET_RESULTS=@OLD_CHARACTER_SET_RESULTS */;

/*!40101 SET COLLATION_CONNECTION=@OLD_COLLATION_CONNECTION */;

view_img.php

<?php include ('Connections/consqli.php'); 
?>
<!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>


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

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

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

</head>
<body>

<form action="save_img.php" method="post" class="form-horizontal" enctype="multipart/form-data">
    <div class="container">
                   
            <center>
                <br><br><br>

                <p>
                <h3>Preview an image before it is uploaded and uploaded to database
                    <br>
                    By fordev22 (Past 2)
                </h3>
                </p>

            <div class="row">


                <div class="col-md-6">
                    <div class="form-group">
                        <label for="exampleInputEmail1"><b>รูปภาพ</b></label><br/>
                        <img id="blah" src="#" alt="" width="200" />

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


                <div class="col-md-6">
                    <div class="form-group">
                        <label for="exampleInputEmail1"><b>รูปภาพ</b></label><br/>
                        <img id="blah2" src="#" alt="" width="200" />

                        <input type="file" class="form-control" name="img_b" id="img_b" onchange="readURL2(this);" />
                    </div>
                </div>


            </div>


                  <button type="submit" class="btn btn-primary btn-block">Insert</button>
                  <a href="clear.php" class="btn btn-danger btn-block"> Clear Database </a>

            </center>
                    
    </div>
</form>
<br>

    <?php 
        $sql_view_img = "SELECT * FROM img_tbl" 
        or die ("Error : ".mysqlierror($sql_view_img));
        $rs_view_img = mysqli_query($con, $sql_view_img);
    ?>

    <div class="container">
        <div class="row">

            <?php foreach ($rs_view_img as $rs){ ?>
            <div class="col-md-3">

                <div class="card" style="width: 16rem;">
                    <img src="img/<?php echo $rs['img_a']; ?>" class="card-img-top" alt="...">
                    <div class="card-body">
                    <p class="card-text"><?php echo $rs['img_b']; ?></p>
                    </div>
                </div>
                
                
            </div>

            <div class="col-md-3">

                <div class="card" style="width: 16rem;">
                    <img src="img/<?php echo $rs['img_b']; ?>" class="card-img-top" alt="...">
                    <div class="card-body">
                    <p class="card-text"><?php echo $rs['img_b']; ?></p>
                    </div>
                </div>

                <br/>

            </div>
            <?php }?>

        </div>
    </div>

</body>
</html>

100

101

102

103

104

105

106

107

108

109

110

111

112

113

114

115

116

117

118

119

120

121

122

123

124

125

126

127

128

129

130

131

132

133

134

135

136

137

<?php include ('Connections/consqli.php');

<!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>

function readURL2(input) {

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

var reader = new FileReader();

reader.onload = function (e) {

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

}

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

}

</script>

</head>

<body>

<p>

<h3>Preview an image before it is uploaded and uploaded to database

<br>

By fordev22 (Past 2)

</h3>

</p>

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

</div>

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

</div>

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

<a href="clear.php" class="btn btn-danger btn-block"> Clear Database </a>

</center>

</div>

</form>

<br>

<?php

$sql_view_img = "SELECT * FROM img_tbl"

or die ("Error : ".mysqlierror($sql_view_img));

$rs_view_img = mysqli_query($con, $sql_view_img);

<?php foreach ($rs_view_img as $rs){ ?>

<img src="img/<?php echo $rs['img_a']; ?>" class="card-img-top" alt="...">

</div>

<img src="img/<?php echo $rs['img_b']; ?>" class="card-img-top" alt="...">

</div>

<br/>

</div>

<?php }?>

</div>

</body>

</html>

clear.php

<?php 
echo "<pre>";
print_r($_POST);
echo "</pre>";
//exit();
?>
<?php include ('Connections/consqli.php');




	$sql_del = "TRUNCATE TABLE img_tbl";

				 $result = mysqli_query($con, $sql_del) or die
					("Error : ".mysqli_error($sql_del));

				//ปิดการเชื่อมต่อ database
				mysqli_close($con);



if ($result){
echo "<script type='text/javascript'>";
echo"alert('Success');";
echo"window.location = 'view_img.php';";
echo "</script>";
}
else {
//กำหนดเงื่อนไขว่าถ้าไม่สำเร็จให้ขึ้นข้อความและกลับไปหน้าเพิ่ม		
echo "<script type='text/javascript'>";
echo "alert('error!');";
echo"window.location = 'view_img.php'; ";
echo"</script>";
}
?>

<?php

echo "<pre>";

print_r($_POST);

echo "</pre>";

//exit();

<?php include ('Connections/consqli.php');

$sql_del = "TRUNCATE TABLE img_tbl";

$result = mysqli_query($con, $sql_del) or die

("Error : ".mysqli_error($sql_del));

//ปิดการเชื่อมต่อ database

mysqli_close($con);

if ($result){

echo "<script type='text/javascript'>";

echo"alert('Success');";

echo"window.location = 'view_img.php';";

echo "</script>";

}

else {

//กำหนดเงื่อนไขว่าถ้าไม่สำเร็จให้ขึ้นข้อความและกลับไปหน้าเพิ่ม

echo "<script type='text/javascript'>";

echo "alert('error!');";

echo"window.location = 'view_img.php'; ";

echo"</script>";

}

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

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

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

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

ระบบ บริหารจัดการห้องพัก

You might also like