[CLOSED] File Type Filter in FileUploadField

[barnali]

Hi, Can you please suggest how to put a file type filter to restrict users only to select jpg or png. I am using following FileUploadField code -

X.FileUploadField()
        .ID("UploadSignatureEnglishID")
        .ButtonOnly(true)
        .ButtonText("Upload Signature in English")
        .Icon(Icon.ImageAdd)
        .DirectEvents(de =>
        {
            de.Change.Url = Url.Action("UploadSignInEnglish");
            de.Change.FormID = "BFID";
            de.Change.Before = @"Ext.Msg.wait('Uploading...', 'Uploading');";
            de.Change.Success = "fnhandleSignUploadEnglish(result)";
            de.Change.Failure = @"Ext.Msg.show({ 
                    title   : 'Error', 
                    msg     : 'Error during uploading', 
                    minWidth: 200, 
                    modal   : true, 
                    icon    : Ext.Msg.ERROR, 
                    buttons : Ext.Msg.OK 
                });";
        })

Thanks in advance.

[fabricio.murta]

Hello @Barnali!

Use a validator on the field:

.Validator(v => v.Handler=@"if (/^.*\.(txt|exe)/i.exec(value)) return true; return 'Choose a valid file extension.';")

Hope this helps!