Search results

Customize Button with HTML Element in ASP.NET Core Uploader control

22 Oct 2021 / 1 minute to read

The uploader control allows you to customize the action buttons by using buttons  property. Refer to the following example.

Copied to clipboard
<div class="control_wrapper">
    @Html.EJS().Uploader("UploadFiles").AutoUpload(false).AsyncSettings(new Syncfusion.EJ2.Inputs.UploaderAsyncSettings { SaveUrl = "", RemoveUrl = "" }).Render()
    var uploadEle = ej.base.createElement('span', { className: 'upload e-icons' });
    uploadEle.innerHTML = 'Upload All';
    var clearEle = ej.base.createElement('span', { className: 'remove e-icons' });
    clearEle.innerHTML = 'Clear All';
    window.onload = function (args) {
        var uploaderObj = document.getElementById("UploadFiles").ej2_instances[0];
            buttons: {
                browse: 'Choose file',
                clear: clearEle,
                upload: uploadEle
Copied to clipboard
using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Mvc;

namespace EJ2CoreSampleBrowser.Controllers.TextBoxes
    public partial class UploaderController : Controller
        public ActionResult DefaultFunctionalities()
            return View();

Output be like the below.


You can also explore ASP.NET Core File Upload feature tour page for its groundbreaking features. You can also explore our ASP.NET Core File Upload example to understand how to browse the files which you want to upload to the server.