在同一页面上传表单和upload.php答案

【问题标题】：Upload form and upload.php in same page在同一页面上传表单和upload.php
【发布时间】：2015-12-06 18:12:47
【问题描述】：

我会问你如何在上传表单所在的同一页面中设置我的上传后消息（现在在一个名为upload.php 的新页面中）。我的上传表单代码，在我的html页面uploadform.html中，是：

<form action="upload.php" method="post" enctype="multipart/form-data">
    Select image to upload:
    <input type="file" name="fileToUpload" id="fileToUpload">
    <input type="submit" value="Upload Image" name="submit">
</form>

这个表单调用一个upload.php，结果将在其中显示。我的upload.php代码是：

<?php
$target_dir = "uploads/";
$target_file = $target_dir . basename($_FILES["fileToUpload"]["name"]);
$uploadOk = 1;
$imageFileType = pathinfo($target_file,PATHINFO_EXTENSION);
// Check if image file is a actual image or fake image
if(isset($_POST["submit"])) {
    $check = getimagesize($_FILES["fileToUpload"]["tmp_name"]);
    if($check !== false) {
        echo "File is an image - " . $check["mime"] . ".";
        $uploadOk = 1;
    } else {
        echo "File is not an image.";
        $uploadOk = 0;
    }
}
// Check if file already exists
if (file_exists($target_file)) {
    echo "Sorry, file already exists.";
    $uploadOk = 0;
}
// Check file size
if ($_FILES["fileToUpload"]["size"] > 500000) {
    echo "Sorry, your file is too large.";
    $uploadOk = 0;
}
// Allow certain file formats
if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg"
&& $imageFileType != "gif" ) {
    echo "Sorry, only JPG, JPEG, PNG & GIF files are allowed.";
    $uploadOk = 0;
}
// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
    echo "Sorry, your file was not uploaded.";
// if everything is ok, try to upload file
} else {
    if (move_uploaded_file($_FILES["fileToUpload"]["tmp_name"], $target_file)) {
        echo "The file ". basename( $_FILES["fileToUpload"]["name"]). " has been uploaded.";
    } else {
        echo "Sorry, there was an error uploading your file.";
    }
}
?>

所以，我希望回显结果（例如回显“文件不是图像。”）将显示在我的uploadform.html 中的上传表单上方，而不是在名为upload.php 的新页面中！谢谢！！

【问题讨论】：

是的，您可以通过在同一页面发布中使用会话变量来做到这一点。但我认为 ajax 对您来说是一个很好的解决方案。从服务器端返回结果后，您可以使用 ajax 进行发布，您可以使用 javascript 显示返回消息。你可以查看link

标签： php forms upload

【解决方案1】：

1) 只需将html放在upload.php中所有代码的下方

?>
<form action="upload.php" method="post" enctype="multipart/form-data">
Select image to upload:
<input type="file" name="fileToUpload" id="fileToUpload">
<input type="submit" value="Upload Image" name="submit">

选择要上传的图片：

2) 确保未提交表单时不显示错误。所以 upload.php 下的所有验证都应该在 isset($_POST["submit"]) 条件下。

您现在可以根据需要将文件重命名为 uploadform.php。但它必须是 PHP 文件，而不是 html 文件。

【讨论】：