Всем привет!
Никак не могу понять, как мне сделать загрузку изображения на сервак через AJAX.
То есть, простоя форма с одним полем типа FILE ну и кнопка submit на которой preventDefault.
А вот не могу понять как организовать функцию. которая бы брала файл указанный в соответствующем поле формы и засылала на сервак, ну и получала ответ....
Спасибо!
<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 type="text/javascript">
jQuery('#upload').on( 'click', function(event){
event.preventDefault();
var formData = new FormData("#imageUploadForm");
jQuery.ajax({
type:'POST',
url: 'http://upload/ajaxImageUpload.php',
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);
});
</script>
вот эта штуковина в результате пишет что data is not defined...
На серваке скрипт пока ничего не делает просто пишет echo "Hello", хочу для начала просто связь установить, а потом можно будет начать обрабатывать $_POST and $_FILES
П.С.
когда непосредственно в запрос поставил адрес обработчика то получил ответ но вот теперь не понимаю почему не передаются данные... массив $_POST and $_FILES пустые