AJAX文件上传与PHP验证 - AJAX File Upload with PHP Validation

AJAX File Upload with PHP Validation

本文关键字：PHP 验证文件 AJAX | 更新日期: 2023-09-27

我有一个表单，它有两个文本字段和一个文件上传字段。

验证完全由PHP处理，我使用一点Ajax来检索PHP脚本通过数组生成的错误消息（err[]）。

我的问题是，我似乎无法使文件上传验证正常工作。（上传文件时，它总是说"只接受错误的文件格式.png、.gif、.jpg、.jpeg"）

Ajax如下：

function checkform() {
        $.post('upload.php', $("form#uploadForm").serialize(), function (data) {
                $("div#error").html(data).slideDown("fast");
                var destination = $('div#uploadContainer').offset().top - 15;
                $("html:not(:animated),body:not(:animated)").animate({
                    scrollTop: destination
                }, 200);
            });
    return false;
}

以下验证似乎总是被触发：

$extension = strrchr($_FILES['uploadFile']['name'], '.');
    if (!in_array($extension, $extensions)) {
        $err[]='Wrong file format only .png , .gif, .jpg, .jpeg are accepted';
    }
...
...

if (isset($_FILES['uploadFile']) && $_FILES['uploadFile']['size'] != 0)
{
    // Upload file
}

$extension = end(explode('.', $_FILES['uploadFile']['name']));
if (!in_array($extension, $extensions))
{
    $err[]='Wrong file format only .png , .gif, .jpg, .jpeg are accepted';
}

因为$extension的扩展名没有句点（.）。从文件扩展名中删除句点（

$extensions = array('.png', '.gif', '.jpg', '.jpeg','.PNG', '.GIF', '.JPG', '.JPEG');

将是

$extensions = array('png', 'gif', 'jpg', 'jpeg','PNG', 'GIF', 'JPG', 'JPEG');

希望这能修复的错误

Per@riddell的评论（带有PHP验证的AJAX文件上传）

问题很可能不是php，而是Jquery本身。像这样的东西可以工作

var form = $('form')[0];
var data = new FormData(form);
    $.ajax({
      url: 'upload.php',
      data: data ,
      processData: false,
      contentType: false,
      type: 'POST',
      success: function(data){
        alert(data);
      }
    });

上传和检查文件扩展名的正确逻辑

if (isset($_FILES['uploadFile']) && $_FILES['uploadFile']['size'] != 0)
{
    $extension = end(explode('.', $_FILES['uploadFile']['name']));
    if (!in_array($extension, $extensions))
    {
        $err[]='Wrong file format only .png , .gif, .jpg, .jpeg are accepted';
    }
    // Write code to upload image here
}
else
{
    // There was error while uploading image
    // $_FILES['uploadFile']['error'] gives error code
    //  
    // Possible errors
    // UPLOAD_ERR_OK: 0
    // UPLOAD_ERR_INI_SIZE: 1
    // UPLOAD_ERR_FORM_SIZE: 2
    // UPLOAD_ERR_NO_TMP_DIR: 6
    // UPLOAD_ERR_CANT_WRITE: 7
    // UPLOAD_ERR_EXTENSION: 8
    // UPLOAD_ERR_PARTIAL: 3
}