Question

我有一个表单（使用PHP和HTML），我的严格要求是，我想将图像和数据上传到数据库而不刷新页面。在我的表单中有一些用于收集数据的输入字段，一个用于拾取图像的浏览按钮（作为输入类型=“文件”）＆amp;一个名为submit的按钮，当用户点击提交按钮时，我想调用ajax函数从表单中收集数据并提交它们。（我不想刷新页面，因此使用ajax调用）请任何帮助...... !!!!

Answer 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 file test.php在这里处理文件上传和数据库操作

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

Answer 2

使用JQuery提交表单，有一个名为.ajaxForm的预定义函数

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

                }); 
            });

它将直接联系您的操作页面，您可以在控制器中执行操作。

想通过ajax将图像和数据上传到数据库

2 个答案: