<script src='jquery-2.1.4.js'></script>
<form name="photo" id="imageUploadForm" enctype="multipart/form-data" action="http://upload/ajaxImageUpload.php" method="post">
<input type="file" style="" id="ImageBrowse" name="image" />
<input type="submit" name="upload" value="Upload" id="upload" />
</form>
<script>
jQuery('#upload').on( 'click', function(event){
event.preventDefault();
// var formData = new FormData("#imageUploadForm"); - нужно new FormData(imageUploadForm)
jQuery.ajax({
type:'POST',
url: jQuery("#imageUploadForm").attr('action'),
data:formData,
cache:false,
contentType: false,
processData: false,
success:function(data){
console.log("success");
console.log(data);
},
error: function(data){
console.log("error");
console.log(data);
}
});
// alert(data); - "ReferenceError: data is not defined" потому что здесь "data" вызывать нельзя можно вызывать например в "error: function(data){}" или "success:function(data){}"
});
</script>