php上传文件的javascript表单验证<input>

Question

想要验证脚本来验证文件上传框的提交。

检查文件的扩展名，并相应地进行验证，以文件的扩展名加载

Answer 1

入住这里：http://jsfiddle.net/uh2Gn/

HTML：

<form method="post" enctype="" onsubmit="return validate()"> 
    <input type="file" id="file" /> 
    <input type="submit" /> 
</form> 

的JavaScript：

function validate() { 
    var filename=document.getElementById('file').value; 
    var extension=filename.substr(filename.lastIndexOf('.')+1).toLowerCase(); 
    //alert(extension); 
    if(extension=='jpg' || extension=='gif') { 
     return true; 
    } else { 
     alert('Not Allowed Extension!'); 
     return false; 
    } 
} 

请记住，这仅仅是为了方便用户，他不走theu长提交过程中得到服务器上的错误，因为当然你需要必须在服务器端执行检查。

Answer 2

如果你不介意的jQuery，那么你可以使用验证插件，这是可以here。简要介绍和小演示可用here。

Answer 3

我在我的php脚本中使用以下代码进行验证。

$status_file = validate_and_upload("project_file"); 


function validate_and_upload($input_tag_name) 
{ 
    $allowedExts = array("gif", "jpeg", "jpg", "png", "ppt", "doc", "pdf", "xls", "xlxs", "txt", "docx"); 
    $filename = $_FILES[$input_tag_name]['name']; 
    if (!$filename) 
     return 0; 
    $extension = pathinfo($filename, PATHINFO_EXTENSION); 

    if (($_FILES[$input_tag_name]["size"] < 33554432) && in_array($extension, $allowedExts)) // 33554432 is 32.00 MB 
     { 
      if ($_FILES[$input_tag_name]["error"] > 0) 
      { 
       echo "Return Code: " . $_FILES[$input_tag_name]["error"] . "<br>"; 
       return -1; 
      } 
      else 
      { 
       if (file_exists("/sites/default/files/private/" . $_FILES[$input_tag_name]["name"])) 
       { 
        echo $_FILES[$input_tag_name]["name"] . " already exists. "; 
        return 2; 
       } 
       else 
       { 
        $hard_disk_upload_directory = "C://xampp/htdocs/mywebsite/sites/default/files/private/"; 
        if (move_uploaded_file($_FILES[$input_tag_name]["tmp_name"], $hard_disk_upload_directory . $_FILES[$input_tag_name]["name"])) 
         return 1; 
        else 
         return -1; 
       } 
      } 
     } 
     else 
     { 
      echo "<script>alert('Invalid file'); window.location.href='http://mywebsite/home';</script>"; 
      return -1; 
     } 
    }