Question

我的表单中有文件上传和输入字段..如果文件上传成功，我想隐藏或禁用文件上传的提交按钮...我真的很困惑如何在上面显示错误消息如果没有错误，请转到同一页面并转到“谢谢”页面。我正在使用php验证文件上传。如果文件上传成功，有关如何禁用提交按钮的任何想法？或者告诉我如何一起处理文件上传和输入字段，同时在同一页面上显示错误消息以进行文件上传...

注意我希望文件上传的提交按钮仅在文件成功上传时消失，而不是在用户点击提交时消失。

<html>
<head>
</head>
<body>
<form action="" method="post" enctype="multipart/form-data">
<label for="file">Choose Photo:</label>
<input type="file" name="file" onchange="file_selected = true;">
<input type="hidden" name="submited" value="true" /> 
<input type="submit" name="submit" value="Submit" >
</form>


<form action="Send.php" method="post">
First Name:<input type="text" name="fname" required><br>
Last Name:<input type="text" name="lname" required><br>
Choose Username:<input type="text" name="username" required><br>
Age:<input type="text" name="age" required><br>
<input type="submit" value="Submit" name="submit">
</form>
</body>
</html>

这是处理文件上传的php代码...我有两个提交按钮，一个用于文件上传，另一个用于其他输入字段。这个php代码与html表单在同一页面上。

<?php
ini_set( "display_errors", 0);
if(isset($_REQUEST['submited'])) {

// your save code goes here


$allowedExts = array("jpg", "jpeg", "gif", "png");
$extension = end(explode(".", $_FILES["file"]["name"]));
if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/png")
|| ($_FILES["file"]["type"] == "image/pjpeg"))
&& ($_FILES["file"]["size"] < 2097152)
&& in_array($extension, $allowedExts))
{
if ($_FILES["file"]["error"] > 0)
{
echo "Return Code: " . $_FILES["file"]["error"] . "<br>";
}
else
{
echo "";

if (file_exists("images/" . $_FILES["file"]["name"]))
{
echo "<font color='red'><b>We are sorry, the file you trying to upload already exists.</b></font>";
  }

else
{
move_uploaded_file($_FILES["file"]["tmp_name"],
"images/" . $_FILES["file"]["name"]);
echo "<font color='green'><b> Success! Your photo has been uploaded.</b></font>";
}
}
}
else
{
echo "<font color='red'><b>We are sorry, the file you trying to upload is not an image or it exceeds 2MB in size.</b></font><br><font color='blue'><i>Only images under size of 2MB are allowed</i></font>.";
}
}
?>

Answer 1

我会使用Jquery AJAX调用将数据发送到PHP脚本。然后从响应中检索一个布尔值，以确定该按钮是否可见。

Answer 2

您可以通过简单的方式完成此操作，例如。

    <html>
    <head>
    </head>
    <body>
    <?php
$sub=0;
    ini_set( "display_errors", 0);
    if(isset($_REQUEST['submited'])) {

    // your save code goes here

    $allowedExts = array("jpg", "jpeg", "gif", "png");
    $extension = end(explode(".", $_FILES["file"]["name"]));
    if ((($_FILES["file"]["type"] == "image/gif")
    || ($_FILES["file"]["type"] == "image/jpeg")
    || ($_FILES["file"]["type"] == "image/png")
    || ($_FILES["file"]["type"] == "image/pjpeg"))
    && ($_FILES["file"]["size"] < 2097152)
    && in_array($extension, $allowedExts))
    {
    if ($_FILES["file"]["error"] > 0)
    {
    echo "Return Code: " . $_FILES["file"]["error"] . "<br>";
    }
    else
    {
    echo "";

    if (file_exists("images/" . $_FILES["file"]["name"]))
    {
    echo "<font color='red'><b>We are sorry, the file you trying to upload already exists.</b></font>";
      }

    else
    {
    move_uploaded_file($_FILES["file"]["tmp_name"],
    "images/" . $_FILES["file"]["name"]);
    $sub= 1;
    echo "<font color='green'><b> Success! Your photo has been uploaded.</b></font>";
    }
    }
    }
    else
    {
    echo "<font color='red'><b>We are sorry, the file you trying to upload is not an image or it exceeds 2MB in size.</b></font><br><font color='blue'><i>Only images under size of 2MB are allowed</i></font>.";
    }
    }
    ?>
    <form action="" method="post" enctype="multipart/form-data">
    <label for="file">Choose Photo:</label>
    <input type="file" name="file" onchange="file_selected = true;">
    <input type="hidden" name="submited" value="true" />

    <input type="submit" name="submit" value="Submit" >
    </form>


    <form action="Send.php" method="post">
    First Name:<input type="text" name="fname" required><br>
    Last Name:<input type="text" name="lname" required><br>
    Choose Username:<input type="text" name="username" required><br>
    Age:<input type="text" name="age" required><br>
<?php
if($sub==0)
{
?>
    <input type="submit" value="Submit" name="submit">
<?php
}
?>
    </form>
    </body>
    </html>

我认为你的代码是正确的。我在开始时初始化了一个变量$sub=0。如果succesfully uploaded设置为1.

结束，如果$sub不等于零，则不显示提交。

因此，如果文件成功上传。按钮不会显示。

Answer 3

<form action="**somepage.php**" method="post" enctype="multipart/form-data">
    <label for="file">Choose Photo:</label>
    <input type="file" name="file" onchange="file_selected = true;">
    <input type="hidden" name="submited" value="true" /> 
    <input type="submit" name="submit" value="Submit" >
    </form>

并从那里传递变量，指示返回主页面的不同状态，并根据变量显示错误消息。

如果你真的需要禁用input type file保存隐藏输入中的变量并使用Jquery获取页面加载值并禁用input type file ....

没有jquery，只需在输入类型表单

之前给出一个condiction

    if($_GET['status']=successful)
    {
    <input type=file readonly="readonly" />
    }
   else
    {
    <input type=file />
    }

如何隐藏/禁用提交按钮？

3 个答案: