malikkurosaki/simple-ajax-upload.php

## simple-ajax-upload.php
<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1.0">
		<link rel="stylesheet" href="../core/w3.css">
		<style >
			#textareaB{

			}
			img{
				width: 100%;
			}
		</style>
	</head>
	<body>
		<form id="form" method="post" action="upload.php" enctype="multipart/form-data" >
			<input id="pilih" type="file" name="up" >
			<input id="submit" type="submit" value="upload">
		</form>
	</body>
	<script type="text/javascript" src="malik-adm.js?i+=1"></script>
<script>

	var form = document.getElementById("form");
	var pilih = document.getElementById("pilih");
	form.addEventListener("submit",function(event){
		event.preventDefault();
		var gambar = pilih.files[0];
		var formdata = new FormData(form);
		var xupload = new XMLHttpRequest();
		xupload.open("POST","upload.php",true);
		xupload.onload = function(){
			if(xupload.status == 200){
				alert(xupload.responseText);
			}else{
				alert("gagal");
			}
		};
		xupload.send(formdata);
	});


	fileimage.addEventListener("change",function(){
		showimage.src = window.URL.createObjectURL(this.files[0]);
	});

</script>
</html>

//upload.php

<?php

$dir = "../lib/";
$file = $dir.basename($_FILES['up']['name']);

define("SUKSES","sukses");
define("GAGAL","gagal");

if(move_uploaded_file($_FILES['up']['tmp_name'],$file)){
	echo SUKSES;
}else{
	echo GAGAL;
}

?>
	<!DOCTYPE html>
	<html>
	<head>
	<title></title>
	<meta name="viewport" content="width=device-width,initial-scale=1.0">
	<link rel="stylesheet" href="../core/w3.css">
	<style >
	#textareaB{

	}
	img{
	width: 100%;
	}
	</style>
	</head>
	<body>
	<form id="form" method="post" action="upload.php" enctype="multipart/form-data" >
	<input id="pilih" type="file" name="up" >
	<input id="submit" type="submit" value="upload">
	</form>
	</body>
	<script type="text/javascript" src="malik-adm.js?i+=1"></script>
	<script>

	var form = document.getElementById("form");
	var pilih = document.getElementById("pilih");
	form.addEventListener("submit",function(event){
	event.preventDefault();
	var gambar = pilih.files[0];
	var formdata = new FormData(form);
	var xupload = new XMLHttpRequest();
	xupload.open("POST","upload.php",true);
	xupload.onload = function(){
	if(xupload.status == 200){
	alert(xupload.responseText);
	}else{
	alert("gagal");
	}
	};
	xupload.send(formdata);
	});





	fileimage.addEventListener("change",function(){
	showimage.src = window.URL.createObjectURL(this.files[0]);
	});

	</script>
	</html>

	//upload.php

	<?php

	$dir = "../lib/";
	$file = $dir.basename($_FILES['up']['name']);

	define("SUKSES","sukses");
	define("GAGAL","gagal");

	if(move_uploaded_file($_FILES['up']['tmp_name'],$file)){
	echo SUKSES;
	}else{
	echo GAGAL;
	}

	?>