0

我通过表单获取文件，并要求验证其类型。但听起来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>

这是表格..我不确定我的脚本是否正确？

4

2 回答 2

0

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

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

你把你的 Stringvalue拆分成一个数组：

var myValue = "some.thing.ext";

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

现在 myArray 是：

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

您现在可以使用 弹出数组中的最后一个值.pop()。

var ext = myArray.pop();

现在

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

在上下文中：

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);"

然后你会得到表单元素作为值的第一个参数：

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 让用户在你的网站上操作更流畅。

于 2012-05-10T14:20:18.147 回答
0

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

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;

以上用于文件大小验证

于 2013-08-22T06:09:55.050 回答