2013-04-10 2 views
-1

У меня есть форма (с использованием PHP & HTML), и мое строгое требование заключается в том, что я хочу загрузить изображение и данные в базу данных, не обновляя страницу. В моей форме есть несколько полей ввода для сбора данных, одна кнопка обзора для получения изображения (в качестве типа ввода = «файл») & кнопка, называемая submit и когда пользователь нажимает кнопку отправки. Я хочу вызвать функцию ajax для сбора данные из формы и представить их. (Я не хочу обновлять страницу и, следовательно, использовать вызов ajax) Пожалуйста, помогите ... !!!!Хотите загрузить изображение и данные в базу данных через ajax

+0

Что вы пробовали для этого? Вы только что разместили свое требование здесь !!!!!!!!!!! –

+0

Я пробовал изнутри форму ..... и работаю над этой концепцией ... еще не преуспел .... –

+0

http://net.tutsplus.com/tutorials/javascript-ajax/uploading-files-with- ajax/ –

ответ

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

    <script> 
     // wait for the DOM to be loaded 
     $(document).ready(function() { 
      // bind 'myForm' and provide a simple callback function 
      $('#myForm').ajaxForm(function() { 
       alert("Thank you for your comment!"); 
      }); 
     }); 
    </script> 
</head> 
<body> 

<form id="myForm" action="test2.php" method="post" enctype="multipart/form-data"> 
    Name: <input type="text" name="name" /> 
    Comment:<input type="file" name="image"> 
    <input type="submit" value="Submit Comment" /> 
</form> 
</body> 
</html> 

PHP файл test.php здесь обработать загрузку файла и операцию DB

<?php 
echo "<pre>"; print_r($_FILES); exit; 
?> 
+0

выглядит здорово, возможно ли сделать многократную загрузку файлов? –

+0

да вы можете загрузить несколько файлов тоже –

+0

спасибо за информацию –

0

Использование JQuery для отправки формы, есть предопределенная функция называется .ajaxForm

$(document).ready(function() { 
       $('#formName').ajaxForm(function() { 

       }); 
      }); 

Он напрямую свяжется с вашей страницей действий, и вы можете выполнить операцию в контроллере.

Смежные вопросы