Gimana cara Passing foto di web HTML PHP AJAX JQUERY MYSQL?

Beranda
Komunitas
Tech
Programmer Forum
Gimana cara Passing foto di web HTML PHP AJAX JQUERY MYSQL?

360Casper

01-05-2016 07:50

Gimana cara Passing foto di web HTML PHP AJAX JQUERY MYSQL?

Halo gan, langsung aja nih ane mau curhat emoticon-Frown

Sebelumnya ane udah curhat sama stackoverflow tapi gaada yg kasih solusi
Browsing sana sini juga tetep sulit karena passing nilainya beda dengan yg ane temuin di gugel. Jadi gini..
Ane skrg belajar web dengan jquery & ajax dan sudah sampai ke tahap pembuatan CRUD.
Konsep webnya cuma input lewat textfield-file upload, lalu isian pada field & nama file itu tersimpan dalam database lalu file itupun pindah ke folder yang letaknya sama dengan index.php yaitu folder 'foto'.
Errornya selalu undefined index pada baris syntax yang memproses foto itu dan kolom 'foto' di database selalu dianggap NULL.
Untuk passing dari input text itu ane yg kerjain full cuman nyerah pas bagian passing foto emoticon-Frown

Berikut kodinganya:

Spoiler for index.php:

<!DOCTYPE html>
<html>
<head>
<title>latihan ajax</title>
script src jquery.min.js
script src jquery.form.js
script src validate.js
script type="text/javascript"
$(document).ready(function(){
$("#form_ajax").validate({
submitHandler: function(form) {
$(form).ajaxSubmit({
type: "post",
url: $("#input").attr('action'),
data: $("#input").serialize(),
success: function(data){

$("#sukses").html(data);
$("#sukses").fadeIn(3000);
$("#sukses").fadeOut(3000);
document.location"simpan.php";
}
});
}
});
});
/script
</head>
<body>
<div id="sukses" style="position: fixed;top:10px;right:10px;font-size:50px;color:green"></div>
<form id="form_ajax" method="post" action="simpan.php">
<table>
<tr>
<td>nim</td><td><input type="text" name="nim">
</tr>
<tr>
<td>nama</td><td><input type="text" name="nama">
</tr>
<tr>
<td>alamat</td><td><input type="text" name="alamat">
</tr>
<tr>
<td>email</td><td><input type="email" name="email">
</tr>
<tr>
<td>foto</td><td><input type="file" name="foto">
</tr>
<tr>
<td></td><td><input type="submit" value="simpan">
</tr>

</table>

</form>
<table>
<tr>
<td>nim</td><td>nama</td><td>alamat</td><td>email</td><td>foto</td>
</tr>
<?php
include 'koneksi.php';
if (isset($_POST['simpan'])){
echo "OK";
}
$q=$db->prepare("select * from mahasiswa");
$q->execute();
$q->setFetchMode(PDO::FETCH_OBJ);
foreach ($q as $k){
echo "<tr>
<td>$k->nim</td><td>$k->nama</td>
<td>$k->alamat</td><td>$k->email</td>
<td><img >foto' style='width:100px'></td>
</tr>";
}
?>
</table>
</body>
</html>

Spoiler for koneksi.php:

<?php

try {
$db = new PDO('mysql:host=localhost;dbname=latihan_ajax','root','');
$db->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION);
// echo "Koneksi Sukses";
}
catch(PDOException $e){
echo "error ".$e->getMessage;
}

?>

Spoiler for simpan.php:

<?php
include 'koneksi.php'; //conn

$target_dir="foto/";
$target_file=$target_dir.basename($_FILES['foto']['name']); //error
move_uploaded_file($_FILES['foto']['tmp_name'],$target_file); //error
$q=$db->prepare("insert into mahasiswa values
(?,?,?,?,?)");
$param=array($_POST['nim'],$_POST['nama'],
$_POST['alamat'],$_POST['email'],
$_FILES['foto']['name']); //error
$q->execute($param);
if($q){
echo "OK";
}else{
echo "fail";
}

?>

Ane cuma pengen tau salahnya dimana, mohon sharing ilmunya ya emoticon-Smilie

1.2K

Kutip

Balasan

Guest

Tulis komentar menarik atau mention replykgpt untuk ngobrol seru

Urutan

Terbaru

Terlama

Guest

Tulis komentar menarik atau mention replykgpt untuk ngobrol seru

Komunitas Pilihan