在html中显示表格数据

Question

我有一个HTML表单。 提交后，我想在同一HTML页面中显示文件名。 我使用一个名为upLoad.php的PHP文件upLoad.php显文件名，但是我应该怎么做才能在同一html页面中显示文件名？ 我也不想在我的html代码中使用php代码。 HTML：

<form action="upLoad.php" method="post" enctype="multipart/form-data">
    <input type="file" name="file"/>
    <input type="submit" name="submit" value="submit"/>
</form>

PHP：

if ($_FILES["file"]["error"] > 0)
{
    echo "Error: " . $_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 "Stored in: " . $_FILES["file"]["tmp_name"];
}

Answer 1

保持action空

<form action="" method="post" enctype="multipart/form-data">
    <input type="file" name="file"/>
    <input type="submit" name="submit" value="submit"/>
</form>

并将其放在页面的开头

if(isset($_POST['submit']))
{
  if ($_FILES["file"]["error"] > 0)
  {
    echo "Error: " . $_FILES["file"]["error"] . "<br />";
  }
  else
  {
    $print  = "Upload: " . $_FILES["file"]["name"] . "<br />";
    $print .= "Type: " . $_FILES["file"]["type"] . "<br />";
    $print .= "Size: " . ($_FILES["file"]["size"] / 1024) . " Kb<br />";
    $print .= "Stored in: " . $_FILES["file"]["tmp_name"];
  }
}

现在，您可以使用echo $print在同一页面中的任何位置使用$print变量来显示结果。

Answer 2

您不能仅使用HTML接收数据，因此必须使用以下命令将第一页设置为.php：

<?php
if(isset($_FILES))
{
  if ($_FILES["file"]["error"] > 0)
  {
     echo "Error: " . $_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 "Stored in: " . $_FILES["file"]["tmp_name"];
  }
}
?>
<form action="thispage.php" method="post" enctype="multipart/form-data">
<input type="file" name="file"/>
<input type="submit" name="submit" value="submit"/>
</form>

如果最终使用多种形式，则可以在操作中使用get变量，如下所示：

<?php 
if($_GET['delete'] == 1)
{
 //PHP code
}
elseif($_GET['update'] == 1)
{
 //PHP code
}
?>

<form action='thispage.html?delete=1' method='POST' >
 <!-- html inputs -->
</form>

<form action='thispage.html?update=1' method='POST' >
 <!-- html inputs -->
</form>

或者，如果您不希望像这样使用任何GET变量，则只需使用隐藏的输入即可：

<?php 
if($_POST['delete'] == 1)
{
 //PHP code
}
elseif($_POST['update'] == 1)
{
 //PHP code
}
?>

<form action='thispage.html' method='POST' >
 <input type='hidden' name='delete' value='1' />
 <!-- html inputs -->
</form>

<form action='thispage.html' method='POST' >
 <input type='hidden' name='update' value='1' />
 <!-- html inputs -->
</form>

Answer 3

如果您确实不想在HTML文件上使用php，则可以使用jquery表单插件http://jquery.malsup.com/form/