PHP通过一个表单将两个表单操作提交到SQL / FTP服务器

时间:2014-02-03 19:12:30

标签: php jquery ajax forms

需要你的帮助和建议。我有一个表单,将数据提交到MySQL数据库和图像到数据库+ Sql。我面临的问题是我可以使用方法成功提交数据,但无法提交图像,因为它需要<form method="post" enctype="multipart/form-data" action="myFile.php">。图像也一样。我可以成功将图像提交到ftp,但数据不会使用<form method="post" enctype="multipart/form-data" action="myFile.php">发布。

我在书中尝试了所有可能的方法并研究了很多网站。我试过用Ajax,Jquery(两个表单,两个动作和一个提交按钮)来解决这个问题。请指出我正确的方向。

我的代码:Form.php(我目前最终制作了两种形式):

<form method="post">
    <input name="haz1" type="text" value="<?php echo $haz1; ?>">
    <input name="haz2" type="text" value="<?php echo $haz2; ?>">
    <input name="submit" type="submit" id="submit" value="SAVE FORM">
    </form>

    <form method="post" enctype="multipart/form-data" action="myFile.php">
    <input type="hidden" name="MAX_FILE_SIZE" value="10000000" />
    <input name="haz_img1" type="file" id="img" />
    <br>
    <input name="submit" type="submit" id="submit" value="SAVE FORM">
</form>

myFile.php

<?php

    require("../db.php");
    $id =$_REQUEST['id'];

    $result = mysql_query("SELECT * FROM haz3 WHERE id  = '$id'");
    $test = mysql_fetch_array($result);

    if(!$result)
    {
        die("Error: Data not found..");
    }

    $haz_img1 = $test['haz_img1'];
    $haz1 = $test['haz1'];
    $haz2 = $test['haz2'];

    if(isset($_POST['submit']))
    {
        $haz_img1_save = $_POST['haz_img1'];
        $haz1_save = $_POST['haz1'];
        $haz2_save = $_POST['haz2'];

        $remote = "hazard-access/";
        $target1 = $remote . basename( $_FILES['haz_img1']['name']);
        $haz_img1 = ($_FILES['haz_img1']['name']);
        move_uploaded_file( $_FILES['haz_img1']['tmp_name'], $target1 );

        mysql_query("UPDATE haz3 SET haz_img1 = '$haz_img1_save',haz1 ='$haz1_save',haz2 ='$haz2_save' WHERE id = '$id'")
        or die(mysql_error()); 
        echo "";
    }

    mysql_close($conn);
?>

我正在尝试将数据和文件一起提交。我不知道是否可以使用一种或两种形式,或者我是否应该通过ajax进行异步。

我试过这种方法:

function sendData()
{
    var formData = new FormData(document.getElementById('form1'));

    $.ajax({
        url: 'h1_temp.php',  //Server script to process data
        type: 'POST',  //POST or GET
        xhr: function()
        {  // Custom XMLHttpRequest
            var myXhr = $.ajaxSettings.xhr();
            return myXhr;
        },
        data: formData,  //form data
        //Options to tell jQuery not to process data or worry about content-type.
        cache: false,
        contentType: false,
        processData: false
    });
}

1 个答案:

答案 0 :(得分:0)

为什么不将所有数据只发送到一个脚本?

<form method="post" enctype="multipart/form-data">
    <input name="haz1" type="text" value="<?php echo $haz1; ?>" />
    <input name="haz2" type="text" value="<?php echo $haz2; ?>" />

    <input type="hidden" name="MAX_FILE_SIZE" value="10000000" />
    <input name="haz_img1" type="file" id="img" />
    <br>
    <input name="submit" type="submit" id="submit" value="SAVE FORM">
</form>

您只需将图像保存在form.php中(可能使用myFile.php脚本)。