Javascript 使用Java脚本验证上载的文件类型

我通过表单获取一个文件，并要求验证其类型。但是听起来java脚本不工作或者调用不可见

<form enctype="multipart/form-data" action="Upload2.jsp"
 method="post" onsubmit="javascript:return validate();">
    <td><b>Choose txt file To Upload:</b></td>
    <td><input name="file" type="file"></td>
    <td><input type="submit" value="Upload File" ></td>
</form>

下面是脚本：

<script language="JavaScript">
    function validate(){
        if(document.form.file.value == "" ) {
            alert("Enter course code !");
            return false;}

        else {
            var value = document.form.file.value;
            var ext = value.substr(dot, value.length);
            //ext = value.slice(file.indexOf(".")).toLowerCase();
            if ( ext=="txt" ) {
                return true; }
            else{
                alert("choose a .txt file");
                return false;}
            }
       }
</script>

这是表格。。

---

虽然我不确定脚本的正确性？

您可以使用以下方法捕获字符串中最后一个句点之后的内容：

ext = value.split(".").pop();

将字符串值拆分为一个数组：

var myValue = "some.thing.ext";

var myArray = myValue.split(".");

现在myArray是：

["some", "thing", "ext"];

现在可以使用.pop从数组中弹出最后一个值

现在

在这方面：

function validate(){
    if(document.form.file.value == "" ) {
        alert("Enter course code !");
        return false;}

    else {
        var value = document.form.file.value,
            ext = value.split(".").pop();
        if ( ext == "txt" ) {
            return true; }
        else{
            alert("choose a .txt file");
            return false;}
        }
   }

如果您将onsubmit更改为：

onsubmit="javascript:return validate(this);"

然后，您将获得form元素作为value中的第一个参数：

function validate(form){
    var value = form.file.value,
        ext = value.split(".").pop();

    if( !value ) {
        alert("Enter course code !");
    }
    else if ( ext !== "txt" ) {
        alert("choose a .txt file");
    }

    return ( ext === "txt" );
}

注:

永远不要使用javaScript作为唯一的验证。使用某种服务器站点语言来确定验证是否通过

---

使用JS可以让用户在你的网站上操作更流畅

验证上载文件类型并限制其大小的最佳方法是

var ext = $('#uploadFeedback').val().split('.').pop().toLowerCase();
if($.inArray(ext, ['gif','png','jpg','jpeg']) == -1) {
    alert('invalid extension!');
}

用于文件类型验证

var uploadedFile = document.getElementById('uploadFeedback');      
var fileSize = uploadedFile.files[0].size;     

---

上面关于文件大小验证的内容

@Andreas AL:我添加了您编写的验证函数，但是当我运行项目时。这就像我没有onsubmit=javascript返回：validate；然后立即转到“操作”页面。。使用服务器端语言来确定验证是否通过是什么意思？你是说在Upload2.jsp中我需要验证类型吗？

var ext = $('#uploadFeedback').val().split('.').pop().toLowerCase();
if($.inArray(ext, ['gif','png','jpg','jpeg']) == -1) {
    alert('invalid extension!');
}

var uploadedFile = document.getElementById('uploadFeedback');      
var fileSize = uploadedFile.files[0].size;