i think i sleep already, cant find my mistake. Thanks for your advance for this short post and for your help.
My Javascript
$("#avatarImage").change(function() {
$("#avatar").html('<img src="assets/images/loader.gif" alt="">');
$.post( 'ajax/avatarUpload.php', function( data ) {
alert(data);
});
});
My Form
<form enctype="multipart/form-data" method="post" action="ajax/avatarUpload.php" id="avatarUpload">
<span class="btn btn-teal btn-file btn-sm"><span class="fileupload-new"><i class="fa fa-pencil"></i></span><span class="fileupload-exists"><i class="fa fa-pencil"></i></span>
<input type="file" name="avatar" id="avatarImage">
</span>
</form>
My PHP Code
$file_up_size = $_FILES['avatar']['size'];
$file_name = md5(uniqid(rand(), true));
$add = '../assets/images/avatars/' . $file_name;
if(!move_uploaded_file($_FILES['avatar']['tmp_name'], $add)){
echo 'FEHLER';
} else {
//database crap
}
My Error(s)
Notice: Undefined index: avatar in ...
Thanks for your help, i am blind this evening.