Quantcast
Channel: Kursus Website Terbaik
Viewing all articles
Browse latest Browse all 2170

Membuat Fungsi Upload dan Delete Gambar dengan PHP

$
0
0

Tidak diragukan lagi kalo PHP adalah bahasa pemrogramman yang handal untuk pemrogramman berbasis website, banyak sekali aplikasi aplikasi besar maupun kecil menggunakan bahasa pemrogramman ini, dan kali ini saya akan menshare bagaimana Membuat Fungsi Upload dan Delete Gambar dengan PHP, oke tak perlu berlama – lama, langsung saja kita praktekan.

Pertama tama kalian siapkan database kalian dan buat tabel di PHP myadmin, liat contoh di bawah ini.

Membuat Fungsi Upload dan Delete Gambar dengan PHP -Arif001

lalu buka text editor kalian dan ketikan kode PHP di bawah ini dan beri nama dengan nama index.php

index.php

<?php 
	$server = 'localhost';
	$user	= 'dumet';
	$pass	= 'school';
	$db     = 'webmaster';

	$conn   = mysqli_connect($server, $user, $pass, $db);
	if(!$conn) die(mysqli_connect_error());


	$query = mysqli_query($conn, "SELECT * FROM 00arif_gambar");

	if(isset($_POST["submit"])){

		$date        = date("Y-m-d H:i:s");
		$file_name   = $_FILES["file"]["name"];
		$tmp_name   = $_FILES["file"]["tmp_name"];
		if(empty($tmp_name)){
			header("location:index.php?gagal");		
		}else{
			move_uploaded_file($tmp_name,"images/". $file_name);
			mysqli_query($conn, "INSERT INTO 00arif_gambar VALUES('','$file_name','$date')");
		}
		header("location:index.php?berhasil");
	}

 ?>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>Upload Gambar</title>
    <!-- Latest compiled and minified CSS -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

	<!-- Optional theme -->
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-md-2"></div>
			<div class="col-md-8">
				<h2 class="text-success text-center">Upload & Delete Gambar</h2>
				<div class="panel panel-default">
				  <div class="panel-body ">
				    <form action="" method="post" enctype="multipart/form-data">
					<div class="form-group">
					    <label for="exampleInputFile">Pilih Gambar</label>
						<input  type="file" name="file" id="exampleInputFile">
					</div>
						<input class="btn btn-info btn-sm" type="submit" value="Kirim Gambar" name="submit">
					</form>
					<?php if(isset($_GET["gagal"])){ ?>
						<h2 class='text-danger'>Jangan Kosong</h2>
					<?php }else if(isset($_GET["berhasil"])){ ?>
						<h2 class='text-success'>Berhasil Upload</h2>
					<?php }else if(isset($_GET["berhasil-delete"])){ ?>
						<h2 class='text-danger'>Berhasil Delete</h2>
					<?php } ?>
				  </div>
				</div>
					
				<hr>
				<div class="table-responsive">
					<table class="table table-bordered table-hover">
						<tr>
							<th>No</th>
							<th>Nama Gambar</th>
							<th>Gambar</th>
							<th>Action</th>
						</tr>
						<?php $no=1; ?>
					<?php if(mysqli_num_rows($query)>0){ ?>
						<?php while($row=mysqli_fetch_array($query)){ ?>
						<tr>
							<td><?php echo $no++ ?></td>
							<td><?php echo substr($row['gambar'], 0,-4)  ?></td>
							<td><img width="100" height="100" src="images/<?php echo $row['gambar'] ?>" alt="gambar"></td>
							<td>
								<a href="delete.php?delete=<?php echo $row['id'] ?>">delete</a>

							</td>
						</tr>
					<?php } ?>
					<?php }else{ ?>
						<tr>
							<td colspan="4"><h2 class="text-danger text-center">Data Kosong Bos!</h2></td>
						</tr>
					<?php } ?>
					</table>
				</div>
			</div>
			<div class="col-md-2"></div>
		</div>
	</div>

</body>
</html>

 

ketikan kode javascript di bawah ini sebelum kode penutup body </body>

<script src=”https://code.jquery.com/jquery-3.2.1.min.js” integrity=”sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=” crossorigin=”anonymous”></script>
<script src=”https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js” integrity=”sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa” crossorigin=”anonymous”></script>

buat folder sejajar dengan index.php

Membuat Fungsi Upload dan Delete Gambar dengan PHP -Arif04

lalu ketikan kode dibawah ini dan beri nama dengan nama delete.php

delete.php

<?php 
	include "index.php";
	$id = $_GET["delete"];
	$i = mysqli_query($conn, "SELECT * FROM 00arif_gambar WHERE id ='$id' ");
	$u =mysqli_fetch_array($i);
	
	if(is_file("images/".$u['gambar'])) unlink("images/".$u['gambar']); 
	mysqli_query($conn, "DELETE FROM 00arif_gambar WHERE id='$id' ");
	header("location:index.php?berhasil-delete");


 ?>

kalo sudah maka akan seperti kgambar di bawah ini.

Membuat Fungsi Upload dan Delete Gambar dengan PHP -Arif05

demeikian cara Membuat Fungsi Upload dan Delete Gambar dengan PHP, semoga bermanfaat yah…

 

The post Membuat Fungsi Upload dan Delete Gambar dengan PHP appeared first on Kursus Website Terbaik.


Viewing all articles
Browse latest Browse all 2170

Trending Articles