Skip to main content
All docs
V25.1
  • DxFileInput.UploadMode Property

    Specifies when the File Input component starts upload operations.

    Namespace: DevExpress.Blazor

    Assembly: DevExpress.Blazor.v25.1.dll

    NuGet Package: DevExpress.Blazor

    Declaration

    [Parameter]
    public UploadMode UploadMode { get; set; }

    Property Value

    Type Description
    UploadMode

    An enumeration value.

    Available values:

    Name Description
    Instant

    Files are uploaded instantly when a user selects or drops them.

    OnButtonClick

    Files are uploaded after a user clicks the common upload button or individual buttons for each file.

    Remarks

    In Instant upload mode (default), upload buttons are hidden. Once a user selects files in the Open dialog or drags files onto a drop zone, the File Input component adds these files to the file list and starts an upload operation.

    Set the UploadMode property to OnButtonClick to display upload buttons and start upload operations in response to a button click:

    OnButtonClick Upload Mode

    <DxFileInput FilesUploading="OnFilesUploading" UploadMode="UploadMode.OnButtonClick" />
    
    @code {
        async Task OnFilesUploading(FilesUploadingEventArgs args) {
            foreach (var file in args.Files) {
                /* The following code is intended for demonstration purposes only.
                Do not read a stream directly in memory to avoid performance and security-related issues. */
                using var stream = new System.IO.MemoryStream();
                await file.OpenReadStream(file.Size).CopyToAsync(stream);
            }
        }
    }
    

    Run Demo: File Input - Upload Modes

    See Also