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; 
     } 
    }