javascript - asp.net の FileUpload コントロールへの画像ファイルの Javascript 正規表現

Question

javascriptを使用して、クライアント側のWebページのFileUploadコントロールでユーザーが選択した画像ファイルを検証しようとしています。どうすれば作れるのか誰か教えてください。機能していないものに対してこのコードを試しています:

function validateFileExtension() 
{
    var re =/\.(gif|jpg|JPEG|tiff|png)$/i;
    var temp = document.getElementById('<%=FileUpload1.ClientID %>').value;

    if (re.test(temp)) 
    {
        return ("Invalid image file type.");

        return false;
    }

    return "";
}

Answer 1

これが私のために働いていることを確認してください...

    function validateImage() {
        var uploadcontrol = document.getElementById('<%=imgUploader.ClientID%>').value;
        //Regular Expression for fileupload control.
        var reg = /^(([a-zA-Z]:)|(\\{2}\w+)\$?)(\\(\w[\w].*))+(.jpg|.jpeg|.png|.gif)$/;
        if (uploadcontrol.length > 0) {
            //Checks with the control value.
            if (reg.test(uploadcontrol)) {
                return true;
            }
            else {
                //If the condition not satisfied shows error message.
                alert("Only .jpg, .jpeg,.png, .gif  files are allowed!");
                return false;
            }
        }
    } //End of function validate.

Answer 2

private  final String IMAGE_PATTERN = "([^\\s]+(\\.(?i)(jpg|png|gif|bmp))$)";