DxUpload.AllowCancel Property

Specifies whether users can cancel file upload.

Namespace: DevExpress.Blazor

Assembly: DevExpress.Blazor.v23.2.dll

NuGet Package: DevExpress.Blazor

Declaration

[Parameter]
public bool AllowCancel { get; set; }

Property Value

Type	Description
Boolean	true to allow users to cancel file upload; otherwise, false.

Remarks

When file upload is in progress, users can click the cancel button to interrupt file upload. Handle the FileUploadAborted event to respond to this action. If multiple files are uploaded at once, users can click the common cancel button to cancel upload of all files.

To cancel the file upload in code, use the following methods:

• CancelFileUpload(UploadFileInfo)
• CancelFilesUpload(IEnumerable<UploadFileInfo>)
• CancelAllFilesUpload()

Users can then reload the file whose upload was canceled. This action raises the FileReloaded event.

To reload the file(s) in code, use the following methods:

• ReloadFile(UploadFileInfo)
• ReloadFiles(IEnumerable<UploadFileInfo>)
• ReloadAllFiles()

Set the AllowCancel property to false to hide the cancel button during the upload process.

Razor

<DxUpload Name="myFile" UploadUrl="https://localhost:10000/api/Upload/Upload/"
          AllowCancel="false">
</DxUpload>

UploadController

using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Mvc;

namespace BlazorDemo.AspNetCoreHost;
[Route("api/[controller]")]
[ApiController]
public class UploadController : ControllerBase {
    [HttpPost("[action]")]
    public ActionResult Upload(IFormFile myFile) {
        try {
            // Write code that saves the 'myFile' file.
            // Don't rely on or trust the FileName property without validation.
        } catch {
            return BadRequest();
        }
        return Ok();
    }
}