Skip to main content

DevExpress v24.2 Update — Your Feedback Matters

Our What's New in v24.2 webpage includes product-specific surveys. Your response to our survey questions will help us measure product satisfaction for features released in this major update and help us refine our plans for our next major release.

Take the survey Not interested

DxUpload.RemoveFile(UploadFileInfo) Method

Removes a specific file from the file list.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v24.2.dll

NuGet Package: DevExpress.Blazor

#Declaration

C#
public void RemoveFile(
    UploadFileInfo fileInfo
)

#Parameters

Name Type Description
fileInfo UploadFileInfo

The file to be removed from the file list.

#Remarks

The following code snippet displays a button that removes the first file from the file list on click.

Razor
<DxUpload UploadMode=UploadMode.OnButtonClick
          SelectedFilesChanged="@SelectedFilesChanged"
          AllowMultiFileUpload="true" 
          @ref="MyUpload" >
</DxUpload>

<DxButton Text="Remove the First File" Click=OnButtonClick />

@code {
    bool UploadVisible { get; set; } = false;
    IEnumerable<UploadFileInfo> Files { get; set; }
    UploadFileInfo FirstFile { get; set; }
    DxUpload MyUpload { get; set; }

    protected void SelectedFilesChanged(IEnumerable<UploadFileInfo> files) {
        Files = files;
        UploadVisible = files.ToList().Count > 0;

        InvokeAsync(StateHasChanged);
    }

    void OnButtonClick(){
         FirstFile = Files.First();
         MyUpload.RemoveFile(FirstFile);
    }
}

To remove the specified files or all files, use the RemoveFiles or RemoveAllFiles method, respectively.

See Also