Загрузка изображения ajax jquery

Im новое для jQuery. Я пытаюсь загрузить файл изображения jpg с помощью метода ajax. Но когда я загружаю, он не загружается. Может ли кто-нибудь помочь мне сделать это?

HTML

• передача данных с javascript на php с использованием JQuery
• Отправка json на php-сервер с помощью jquery ajax - json error
• как использовать jquery ajax array post json?
• увеличить и уменьшить значение с помощью переключателя
• Объект Cant Post JSON с использованием Jquery.post ()

<form action="" method="POST" enctype="multipart/form-data"> <input type="file" name="image" id="image"/> </form> 

JQuery

 $('#submit').click(function() { var image=$('#image').val() $.post("upload.php",{image:image},function(data) { alert(data); }); } }) 

PHP

 <?php $image=$_POST['image']; $imagename=date("dmY")."-".time()."jpg"; $target_path = "uploads/".$imagename; if(move_uploaded_file($image, $target_path)) { echo 'moved'; } else { echo 'error'; } ?> 

• Показывать модальный диалог после отправки формы
• Как отправить значение входных данных файла с помощью ajax на php-страницу
• Проблемы WordPress с qTranslate и AJAX
• Отправить значение переменной PHP во всплывающее окно JavaScript на той же странице
• Интеграция Web API с использованием jQuery autocomplete с PHP

Related of "Загрузка изображения ajax jquery"

 $("form").on('submit', (function(e) { e.preventDefault; var formData = new FormData(this); $.ajax({ url : "upload.php", type : "POST", data : formData, cache : false, contentType : false, processType : false, success : function(data) { alert(data); } }); })); 

 <?php $image=$_FILES['image']; $image_tmp =$_FILES['image']['tmp_name']; $imagename=date("dmY")."-".time().".jpg"; $target_path = "uploads/".$imagename; if(move_uploaded_file($image_tmp, $target_path)) { echo 'moved'; } else { echo 'error'; } ?>