想通过ajax将图像和数据上传到数据库[关闭]答案

【问题标题】：Want to upload image and data to database through ajax [closed]想通过ajax将图像和数据上传到数据库[关闭]
【发布时间】：2013-04-10 05:04:05
【问题描述】：

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

【问题讨论】：

你为此做了什么？您刚刚在这里发布了您的要求！！！！！！！！！！！！
我已经尝试过从形式......并致力于这个概念......尚未成功......
net.tutsplus.com/tutorials/javascript-ajax/…
你现在卡在哪里了？在此处发布代码
看：stackoverflow.com/questions/15824177/…

标签： php 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 在这里你处理你的文件上传和数据库操作

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

【讨论】：

看起来不错，可以多文件上传吗？
是的，你也可以上传多个文件
感谢它为我工作............

【解决方案2】：

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

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

                }); 
            });

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

【讨论】：