javascript - PHP 验证阻止表单发送

Question

我在我的表单中添加了一个文件上传输入，但我添加的 PHP 验证不允许表单发送。每当我点击提交按钮时，都会出现验证错误，提示文件需要为 .jpeg、jpg 等。我需要此验证，但前提是文件已上传。

我不确定该怎么做才能让它只检查文件是否已上传然后与表单一起提交，或者理想情况下甚至在提交表单之前就捕获它。

if(isset($_FILES['file'])) {
    $file = $_FILES['file'];

    //File properties
    $file_name = $file['name'];
    $file_tmp = $file['tmp_name'];
    $file_size = $file['size'];
    $file_error = $file['error'];

    //File Extension
    $file_ext = explode('.', $file_name);
    $file_ext = strtolower(end($file_ext));

    $allowed = array('txt', 'jpg', 'jpeg', 'png');

    if(in_array($file_ext, $allowed)) {
        if($file_error === 0) {
            if($file_size <= 2097152) {
                $file_name_new = uniqid('', true) . '.' . $file_ext;


            } else {
                echo "Sorry, your file is WAY too large";
            }
        }
    } else {
        echo "Sorry, only JPG, JPEG, PNG and TXT files are allowed.";
    }
}

<form action="" autocomplete="on" method="POST" id="project-information-form" enctype="multipart/form-data">
  <input type="file" name="file" id="file" class="inputfile" data-multiple-caption="{count} files selected" multiple>
  <label for="file"><span id="file-upload-image"><img src="/icons/white-upload.png" height="25px" width="25px"></span>File Upload</label>
  <input type="submit" id="submit-project" class="submit-project-button" value="Send Project Inquiry">
</form>

有谁知道我可以做些什么来提交表单，即使文件还没有上传？

Answer 1

您可以检查 UPLOAD_ERR_NO_FILE 常量而不是执行 isset():

if($_SERVER['REQUEST_METHOD'] == 'POST'){
    if($_FILES['file']['error'] != UPLOAD_ERR_NO_FILE) {
        // an upload was attempted

您的 isset() 的问题是 $_FILES['file'] 将被设置(但带有错误代码)，即使用户没有设置'选择一个文件。