How do I onchange="this.form.submit(); " to an ASP.NET API

See more:

C#

Razor

Blazor

Hi, I have a problem calling an ASP.NET API from my Index.cshtml file. I think the problem is in my Index file's action. My understanding is that the action is suppose to call the controller (I am new to this). When I click on the Choose file button I am sent to webpage that says "This localhost page can’t be found" Can anyone spot my problem? Thank you!

What I have tried:

My Index.cshtml file...

@page
@model IndexModel
@{
    ViewData["Title"] = "Home page";
}

<div class="container-fluid" ">

    <div class="panel panel-default" id="panel1">

        <form id="form1" 
              action="/api/Values" 
              method="post" 
              enctype="multipart/form-data">

            <label for="myfile">Select an file</label>
            <input id="btn_Upload" type="file" onchange="this.form.submit();" >

        </form>

    </div>

</div>

My ASP.NET API...

namespace WebApplication2.Controllers
{
    [Route("api/[controller]")]
    [ApiController]
    public class ValuesController : ControllerBase
    {
        [HttpGet]
        public IEnumerable<string> Get()
        {
            return new string[] { "Values 1", "Values 2" };
        }

    }
}