/////////////////////////////////////////////////////////////////////// index.php //////////////////////////////////////////////////////////////////////////////////////////
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Upload</title>
<style>
input[type=file]{
float:left;
}
</style>
</head>
<body>
<div class="container">
<h1>Uploader</h1>
<form id="file-form" action="" method="POST">
<input type="file" id="file"/>
<button class="btn btn-sm btn-primary upload-all" onclick="envia();">Upload All</button>
</form>
</div><!-- end .container -->
<script src="ajax.js" type="text/javascript"></script>
<script>
// envia um formulário via ajx
function envia() {
var img = document.getElementById('file').file[0];
var dados = 'file_img=' + img;
// função ajax
funcition_universal(dados, 'server.php', myfuntion);
}
// retorno da função alerta a mensagem de retorno
function myfuntion(arr) {
var a = JSON.parse(arr);
alert(a);
}
</script>
</body>
</html>
////////////////////////////////////////////////////////////////////////// server.php ///////////////////////////////////////////////////////////////////////////////////////////////////