jquery form plugin не работает

Question

Я новичок программист. Я застрял в течение двух дней с простой проблемой кодирования. Я пытаюсь использовать плагин формы jquery для отправки формы на другую страницу и получать обратную связь с этой страницы. Проблема заключается в том, что плагин не работает, форма отправляется нормально без обратной связи , Вот код:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script> 
<script src="http://malsup.github.com/jquery.form.js"></script> 

<div id='preview'></div> 
<form action='ajaxcall.php' id='upload_pic' enctype='multipart/form-data' method='post'> 
<input type='file' id='pic' name='picture'> 
<input type='submit' id='sub'> 
</form> 

var options= 
{ 
    target:'#preview', 
    url:'ajaxcall.php' 
}; 

$(document).ready(function(){ 
    $("#sub").click(function(){ 
     $('#preview').html("<img src='images/loader.gif' alt='Loading.....'/>"); 
     $('#upload_pic').ajaxForm(options).submit(); 
    }); 
}); 

Вот мой ajaxcall.php кодовая страница

if(!empty($_FILES['picture']['size'])) 
{ 
echo "<img src='images/197.jpg'>"; 
} 

Expectation был переспросил изображение будет обратная связь, но страница просто перенаправляется ajaxcall.php page.I понять, что ajaxForm() не работает. Тот же вопрос, который я задаю два раза в SO, но все же не удовлетворительное решение. Но почему? Пожалуйста, помогите. Спасибо заранее.

Answer 1

ответ

Используйте adeneo, потому что я не понимаю, почему вы должны использовать этот плагин, но здесь может быть несколько причин, почему то, что у вас есть не работает:

В примерах из the plugin's website, вы должны

1. связывается с формой, а не кнопка
2. использовать опцию beforeSubmit
3. Снимите подать() от конца вашего звонка, не знает, почему это там
4. Часы консоль для любых ошибок

var options= 
{ 
    target:'#preview', 
    url:'ajaxcall.php', 
    beforeSubmit: showLoading, 
    error: function(e){ 
     alert("Error: " + e); 
    } 
}; 

function showLoading(){ 
    $('#preview').html("<img src='images/loader.gif' alt='Loading.....'/>"); 
} 

$(document).ready(function(){ 
    $("#upload_pic").ajaxForm(options); 
});