Question

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

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

Answer 1

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

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

将字符串value拆分为数组：

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

然后你将把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让我更加光滑，让用户在您的网站上运行。

Answer 2

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

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;

以上文件大小验证

使用Javascript验证上传的文件类型

2 个答案: