How to upload file document in asp.net core using c#

Question

Hi Team

I have an issue with my file upload and its not attaching the file when browser and attach it and when inspecting on the browser i dont see any js errors. What could be possible reason? When debugging its not hitting the method?


//model
[Display(Name = "File Attachment")]
 public IFormFile FileAttachment { get; set; }

<!-- File attachments -->
                    <div class="form-group row">
                        @Html.LabelFor(model => model.FileAttachment, htmlAttributes: new { @class = "col-md-4 col-form-label text-md-right" })
                        <div class="col-md-8">
                            <div class="custom-file">
                                <input type="file" class="custom-file-input" id="file" name="FileAttachment">
                                <label class="custom-file-label" for="fileAttachment">Choose file</label>
                            </div>
                        </div>
                    </div>


            
        public async Task<IActionResult> Upload(NCRCapturingForm model)
        {
            if(model == null || model.FileAttachment == null || model.FileAttachment.Length == 0)
            {
                return BadRequest("No file uploaded");
            }
            var filePath = Path.GetTempFileName();
            using(var stream = new FileStream(filePath, FileMode.Create))
            {
                await model.FileAttachment.CopyToAsync(stream);
            }
            return Ok("$ File uploaded successfully. Path:{filePath}");
        }

Jaydeep Patil · Answer

Hi, Check my below article for the same. It might be helpful to you. In that I mentioned how to upload single and multiple files. https://www.c-sharpcorner.com/article/upload-single-and-multiple-files-using-the-net-core-6-web-api/ Thanks!

Jaimin Shethiya · Answer

Hello, Please refere below links. https://stackoverflow.com/questions/67061125/upload-file-into-asp-net-core-web-api https://andrewhalil.com/2021/06/23/how-to-implement-a-file-uploader-using-net-core-web-api/ https://stackoverflow.com/questions/35379309/how-to-upload-files-in-asp-net-core Thanks

Vikas Singh · Answer

Your code seems mostly correct, but there are a few adjustments and corrections needed: HTML Form : The for attribute of the label should match the id of the input element. Ensure you're using enctype="multipart/form-data" in your form tag. Controller Action : Make sure your controller method is annotated with [HttpPost] . Ensure your form submits to the correct action with the correct HTTP method. Here's your corrected code: HTML Form: @model NCRCapturingForm File Attachment Choose file Submit Controller Action: [HttpPost] public async Task Upload(NCRCapturingForm model) { if(model == null || model.FileAttachment == null || model.FileAttachment.Length == 0) { return BadRequest("No file uploaded"); } var filePath = Path.GetTempFileName(); using(var stream = new FileStream(filePath, FileMode.Create)) { await model.FileAttachment.CopyToAsync(stream); } return Ok($"File uploaded successfully. Path: {filePath}"); } Ensure your form is submitting to the correct action ( Upload ), and that it is using the POST method. Also, ensure that the NCRCapturingForm model includes other properties you might have in your form, not just the FileAttachment property.