按下提交按钮后加载php

时间:2014-03-19 23:24:43

标签: php html

现在,我有两个单独的页面将图像上传到服务器上。我的目标是让所有这些在一个页面上运行。

MySite.com/index.html

 <html>
<body>

<form action="upload_file.php" method="post"
enctype="multipart/form-data">
<label for="file">Filename:</label>
<input type="file" name="file" id="file"><br>
<input type="submit" name="submit" value="Submit">
</form>

</body>
</html>

然后是MySite.com/upload_file.php

<?php
$allowedExts = array("gif", "jpeg", "jpg", "png");
$temp = explode(".", $_FILES["file"]["name"]);
$extension = end($temp);
if ((($_FILES["file"]["type"] == "image/gif")
|| ($_FILES["file"]["type"] == "image/jpeg")
|| ($_FILES["file"]["type"] == "image/jpg")
|| ($_FILES["file"]["type"] == "image/pjpeg")
|| ($_FILES["file"]["type"] == "image/x-png")
|| ($_FILES["file"]["type"] == "image/png"))
&& ($_FILES["file"]["size"] < 20000)
&& in_array($extension, $allowedExts))
  {
  if ($_FILES["file"]["error"] > 0)
    {
    echo "Return Code: " . $_FILES["file"]["error"] . "<br>";
    }
  else
    {
    echo "Upload: " . $_FILES["file"]["name"] . "<br>";
    echo "Type: " . $_FILES["file"]["type"] . "<br>";
    echo "Size: " . ($_FILES["file"]["size"] / 1024) . " kB<br>";
    echo "Temp file: " . $_FILES["file"]["tmp_name"] . "<br>";

    if (file_exists("upload/" . $_FILES["file"]["name"]))
      {
      echo $_FILES["file"]["name"] . " already exists. ";
      }
    else
      {
      move_uploaded_file($_FILES["file"]["tmp_name"],
      "upload/" . $_FILES["file"]["name"]);
      echo "Stored in: " . "upload/" . $_FILES["file"]["name"];
      }
    }
  }
else
  {
  echo "Invalid file";
  }
?>

当按下提交按钮时,如何在/index.html上加载此PHP代码?

2 个答案:

答案 0 :(得分:2)

您只需检查提交按钮的isset(),然后在顶部添加

if(isset($_POST['submit']))
{
     $allowedExts = array("gif", "jpeg", "jpg", "png");
     $temp = explode(".", $_FILES["file"]["name"]);
     //all your code....
}

此外,您可以通过放置表单

来使用具有else条件的单页

答案 1 :(得分:0)

将其添加到页面顶部以收听ID&#34;文件&#34; (来自您的输入框)正在发送。您可能希望命名它,以避免潜在的冲突。

<?php
if( isset( $_POST['file'] ) ) {
    //put your code here

    return;
} 
?>

<!-- your html here -->