JS实战应用 之 JS控制FileUpload控件上传的文件类型和清空控件选中的文件

<script type="text/javascript">
            function CheckFile() {
                var sender = event.srcElement;
                var array = new Array('gif', 'jpg', 'jpeg', 'png', 'bmp');  //可以上传的文件类型
                if (sender.value == '') {
                    alert("请选择要上传的图片!");
                    return false;
                }
                else {
                    var fileContentType = sender.value.match(/^(.*)(\.)(.{1,8})$/)[3]; //这个文件类型正则很有用
                    var isExists = false;
                    for (var i in array) {
                        if (fileContentType.toLowerCase() == array[i].toLowerCase()) {
                            isExists = true;
                            return true;
                        }
                    }
                    if (isExists == false) {
                        alert("上传图片类型不正确!");
                        var html = document.getElementById('uploadSpan').innerHTML;
                        function resetFile() {
                            document.getElementById('uploadSpan').innerHTML = html;
                        }
                        resetFile(); //清空FileUpload控件值
                        return false;
                    }
                    return false;
                }
            }
        </script>
        <span id="uploadSpan">
            <asp:FileUpload ID="upload" runat="server" onchange="CheckFile();" />
        </span>