Uploading Files with progress monitoring in VanillaJS, Vue and Angular.

ProfileController.cs

using System;
using System.Collections.Generic;
using System.Linq;
using System.Threading.Tasks;
using Microsoft.AspNetCore.Http;
using Microsoft.AspNetCore.Mvc;
using Microsoft.Extensions.Logging;

namespace UploadAPI.Controllers
{
    [ApiController]
    [Route("[controller]")]
    public class ProfileController : ControllerBase
    {
       
        [HttpPost("upload")]
        [Produces("application/json")]
        [DisableRequestSizeLimit] // this line is only to test with long files
        public ActionResult<string> UploadFile(
            [FromForm(Name = "file")] IFormFile file
        ) {

            if(file == null) {
                return Ok();
            }

            return Ok(new {
                message = "Uploaded",
                file = new {
                    name = file.Name,
                    filename = file.FileName,
                    type = file.ContentType,

                }
            });
        }

    }
}