Sem form e sem botão submit
index.html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input id='ads-files-edit' type='file' accept='image/*' placeholder='Selecione a imagem' data-max-size='5242880' class='form-control form-group-lg ads-files-edit'>
<script language="javascript">
$(document).ready(function() {
$('#ads-files-edit').change(function(){
var file_data = $('#ads-files-edit').prop('files')[0];
var form_data = new FormData();
form_data.append('file', file_data);
$.ajax({
url: "upload-imagem.php",
type: "POST",
data: form_data,
contentType: false,
cache: false,
processData:false,
success: function(data){
alert $("#result").html(data);
}
});
});
})
</script>
<div id="result"></div>
upload-imagem.php
<?php
$userFile=$_FILES['file'];
$name = $userFile['name'];
$tmp = $userFile ['tmp_name'];
if(empty($userFile)):
echo 'Selecione'<a href="uploadFoto.htm">Selecione um arquivo para fazer upload';upload</a>';
else:
if(move_uploaded_file($tmp, 'uploads/'.$name)):
echo 'Arquivo enviado com sucesso';
$arquivo ="uploads/".$newName;
else:
else:
echo 'Error';
endif;
endif;
?>