July 18, 2024

Upload Photo Dengan PHP

1 min read

Upload photoÒ€¦? Ya, istilah ini sering menjadi pertanyaan bagi kita yang sedang belajar membuat web tentang bagaimana script yang digunakan, alur, serta validasinya.

Berikut ini adalah contoh script sederhana untuk proses upload photo yang semoga bisa memunculkan ide-ide baru serta kedepan dapat dikembangkan lagi kebentuk yang lebih kompleks sesuai dengan keperluan anda, apabila dilain hari masih menemui kesulitan silahkan layangkan email ke a.efriyanto@yahoo.com atau mamase@PalComTech.com.

Langkah ke-1 :

Simpan source code berikut dengan nama upload.php atau sesuai keinginan anda.

1) <html>

2) <head>

3) <title>Unggah Photo Anda</title>

4) <style type=”text/css”>

5) <!–

6) .style1 {

7) font-family: Verdana, Arial, Helvetica, sans-serif;

8) font-size: 12px;

9) color: #008000;

10) }

11) .style3 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #008000; font-weight: bold; }

12) –>

13) </style>

14) <body>

15)

16) <?php

17) if($_POST[“button”] == “Upload”){

18) $tipe_yg_blh = array

19) (“image/bmp”,”image/jpeg”,”image/pjpeg”,”image/gif”,”image/x-

20) png”);

21) $nama_file = $_FILES[“gambar”][“name”];

22) $ukuran_file = $_FILES[“gambar”][“size”];

23) $tipe_file = $_FILES[“gambar”][“type”];

24) $nama_baru = $ukuran_file.$nama_file;

25)

26) if($ukuran_file != 0){

27) if (in_array ($tipe_file,$tipe_yg_blh)){

28) move_uploaded_file($_FILES[“gambar”][“tmp_name”],”images/$nama_

29) baru”);

30) $gambar=”<div

31) align=’center’><img src=’images/$nama_baru’ width’250′

32) height=’200′></div>”;

33) ?>

34) <form method=”POST”

35) action=”hapus.php” enctype=”multipart/form-data”>

36) <table align=”center”>

37) <tr>

38) <td height=”30″

39) colspan=”3″ align=”center”><?php echo $gambar; ?></td>

40) </tr>

41) <tr>

42) <td height=”30″

43) colspan=”3″ align=”center”><?php echo $nama_file; ?></td>

44) </tr>

45) <tr>

46) <td height=”30″

47) colspan=”3″ align=”center”>

48) <input type=”submit” name=”button”

49) value=”Hapus” onClick=”return confirm(‘Apakah anda yakin akan

50) menghapus photo ini ?’)”>

51) </td>

52) </tr>

53) </table>

54) <input type=”hidden” name=”nama_file”

55) value=”<?php echo $nama_baru; ?>”>

56)

57) </form>

58) <?php

59) }else{

60) echo “<script>alert(‘Upzzz, tipe

61) file ini gax boleh …^_^…’);window.history.go(1);</script>”;

62)

63) exit();

64) }

65) }else{

66) echo “<script>alert(‘Upzzz, pilih gambar

67) dulu dunx …^_^…’);window.history.go(-1);</script>”;

68) exit();

69) }

70) }else{

71) ?>

72)

73) <form method=”POST” action=”” enctype=”multipart/form-data”>

74) <table border=”0″ align=”center”>

75) <tr>

76) <td height=”50″ colspan=”3″><div align=”left”><span class=”style3″>Silahkan pilih photo anda</span> </div></td>

77) </tr>

78) <tr>

79) <td><input name=”gambar” type=”file” class=”style1″ id=”gambar” size=”25″></td>

80) </tr>

81) <tr>

82) <td height=”30″ colspan=”3″ align=”center”><input type=”submit” name=”button” class=”style1″ value=”Upload”>

83) <label>

84) <input name=”button2″ type=”reset” class=”style1″ id=”button” value=”Reset”>

85) </label></td>

86) </tr>

87) </table>

88) </form>

89)

90) <?php

91) }

92) ?>

93)

94) </body>

95) </html>

Langkah ke-2:

Simpan source code berikut dengan nama hapus.php.

1) <?php

2) unlink(“images/$nama_file”);

3) echo”<script>window.location.href=’upload.php’

4) ;</script>”;

5) ?>

Simpan dua script diatas di folder webserver yang telah anda setting sebelumnya dan jalankan file upload.php melalui browser anda hingga tampil seperti gambar berikut ini :

Salah satu validasi yang di gunakan adalah pembatasan tipe file yang akan diunggah, dalam script ini tipe file yang diperkenankan adalah tipe file jpeg, png, bmp dan gif. Tipe-tipe tersebut telah dikemas dalam satu array dan tersimpan dalam variabel $tipe_yg_blh. Jika anda memasukan gambar dengan tipe selain yang telah ditentukan (ex : psd, pdf, dll) maka script akan menolaknya serta memberikan pesan sebagai berikut :

Tetapi apabila anda memasukan gambar dengan tipe yang benar (sesuai dengan yang telah ditentukan, ex : jpg atau bmp) script akan segera menyimpanya ke folder images sesuai dengan perintah script move_uploaded_file($_FILES[“gambar”][“tmp_name”],

“images/$nama_baru”); dan menampilkanya kembaili. Lihat gambar berikut ini :

Untuk menghapus gambar yang telah di upload, klik tombol hapus yang terletak dibawah gambar tersebut. Klik OK untuk menghapus dan Cancel untuk membatalkan.

Apabila anda menghapus gambar yang telah di upload, secara otomatis script juga akan menghapus gambar yang telah tersimpan di folder images dengan perintah unlink(“images/$nama_file”); yang terdapat di file hapus.php

Selamat mencoba ^^

0 thoughts on “Upload Photo Dengan PHP

Leave a Reply

Your email address will not be published. Required fields are marked *

Copyright © All rights reserved. | Newsphere by AF themes.