Back to Devexpress

DxFileInput.CancelFileUpload(UploadFileInfo) Method

blazor-devexpress-dot-blazor-dot-dxfileinput-dot-cancelfileupload-x28-devexpress-dot-blazor-dot-uploadfileinfo-x29.md

latest4.2 KB
Original Source

DxFileInput.CancelFileUpload(UploadFileInfo) Method

Cancels the upload operation for the specified file.

Namespace : DevExpress.Blazor

Assembly : DevExpress.Blazor.v25.2.dll

NuGet Package : DevExpress.Blazor

Declaration

csharp
public void CancelFileUpload(
    UploadFileInfo fileInfo
)

Parameters

NameTypeDescription
fileInfoUploadFileInfo

A file whose upload process should be canceled.

|

Remarks

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. The file list displays each file’s upload status and upload, cancel, reload, and remove buttons. On the image below, the file list contains 4 files in different states:

Handle the SelectedFilesChanged event to access the collection of files in the file list. Call the following methods to manage these files in code:

Start UploadCancel UploadRestart Canceled UploadRemove Files from List
One FileUploadFileCancelFileUploadReloadFileRemoveFile
Multiple FilesUploadFilesCancelFilesUploadReloadFilesRemoveFiles
All FilesUploadAllFilesCancelAllFilesUploadReloadAllFilesRemoveAllFiles

The following example displays a button that cancels the active upload operation for the first file:

razor
<DxFileInput @ref="MyFileInput"
             AllowMultiFileUpload="true"
             UploadMode="UploadMode.OnButtonClick"
             SelectedFilesChanged="@SelectedFilesChanged"
             FilesUploading="OnFilesUploading" />

<DxButton Text="Cancel the First File Upload" Click="OnCancelButtonClick" />

@code {
    DxFileInput MyFileInput { get; set; }
    UploadFileInfo File { get; set; }

    IEnumerable<UploadFileInfo> Files { get; set; }

    protected void SelectedFilesChanged(IEnumerable<UploadFileInfo> files) {
        Files = files;
    }
    void OnCancelButtonClick() {
        if (Files != null)
            MyFileInput.CancelFileUpload(Files.First());
    }
    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);
        }
    }
}

Set the AllowCancel property to false to prevent users from canceling upload operations.

See Also

DxFileInput Class

DxFileInput Members

DevExpress.Blazor Namespace