javascript - 客户端 javascript 验证

Question

我正在使用 asp.net 处理简单的项目，我创建了一个用户可以在其中上传文件的表单。在将数据存储在客户端之前，我采取了解决方法来检查文件扩展名并在文件不是图像时停止回发

function checkFileExtention() {
            
var file = document.getElementById('FileUpload1').value;
var lastIndex = file.lastIndexOf(".");
var fileExt = file.substr(lastIndex + 1).toLowerCase();

            var isValidExtention=0;
            var i;
            var extArray = ["jpg", "png", "gif", "jpeg"];
           
            for (i = 0; i < extArray.Length; i++) {
                
                if (fileExt == extArray[i]) {

                    isValidExtention = 1;
                    return true;
                    break;
                }

                else {
                    document.getElementById("demo").innerText = "invalid";
                    return false;
                    isValidExtention = 0;
                }


            }
         
            
        }

<asp:LinkButton ID="addButton" runat="server" type="submit" CausesValidation="true" 
OnClick="addButton_Click" OnClientClick="if (!checkFileExtention()) {return false;}">Add</asp:LinkButton>

但我遇到了一些问题，无法显示警报或在 for 循环内设置文本即使变量 isValidExtention 的值在循环外始终为 0

如有任何帮助，我们将不胜感激

Answer 1

你可以试试这个，

function checkFileExtention() {
       var file = document.getElementById('FileUpload1').value;
        if (file != "") {
            var fileExt  = file.match(/\.([^\.]+)$/)[1];
             var isValidExtention=0;
            var i;
            var extArray = ["jpg", "png", "gif", "jpeg"];

        for (i = 0; i < extArray.Length; i++) {

            if (fileExt.toLowerCase() == extArray[i]) {

                isValidExtention = 1;
                document.getElementById("demo").innerText = "";                   
                break;
            }
            else {
                document.getElementById("demo").innerText = "invalid";
                isValidExtention = 0;                   

            }
    }
});

检查文件扩展名的第二种方法，

function checkFileExtention() {
       var file = document.getElementById('FileUpload1').value;
        if (file != "") {
            var ext = file.match(/\.([^\.]+)$/)[1];
            var isValidExtention=0;
            ext.toLowerCase();
            if (ext == "png" || ext == "jpg" || ext == "jpeg" || ext=="gif") {
                isValidExtention = 1;
                    return true;                   
            }
            else {
               document.getElementById("demo").innerText = "invalid";
               isValidExtention = 0;
               return false;

            }
        }
    });