Mvc Fileupload controler not save in document

Question

How do i save a image in folder in mvc 4.

Here is the code:

 

 

<form method="post" class="form-horizontal" name="NewLabelform" enctype="multipart/form-data">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
                        <h4 class="modal-title" id="myModalLabel">Add New Ticket</h4>
                    </div>
                    <div class="modal-body">
                        <p>
                            <span>Type:</span>
                            <select class="form-control" id="addtype">
                                <option value="1">Technical Issue</option>
                                <option value="2">Bug</option>
                                <option value="3">Feature Request</option>
                                <option value="4">Sales Question</option>
                                <option value="5">How To</option>
                            </select>
                            <span id="errortype" style="color: Red;"></span>
                        </p>
                        <p>
                            <span>Title:</span>

                            <input type="text" class="form-control" id="addTitle" />
                            <span id="errorTitle" style="color: Red;"></span>
                        </p>
                        <p>
                            <span>description:</span>

                            <textarea rows="4" cols="50" class="form-control" id="addDesc"></textarea>
                            <span id="errorDesc" style="color: Red;"></span>
                        </p>
                        <p>
                            <span>Importancy:</span>
                            <select class="form-control" id="addimportancy">
                                <option value="1">High</option>
                                <option value="2">Medium</option>
                                <option value="3">Low</option>

                            </select>
                            <span id="errorimportancy" style="color: Red;"></span>
                        </p>
                        <p>

                                <span>Attached Documents:</span>
            <input type="file" name="fileuploader" class="form-control" id="fileuploader" />
            <span id="errorAttach" style="color: Red;"></span>

</p>


                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
                        <button type="button" class="btn btn-primary" onclick="CreateLabeData()">Create</button>
                    </div>
                </form>

Answer 1

Hi Manoj,

 

Try this code in javascript function,

var formdata = new FormData(); //FormData object
var fileInput = document.getElementById('FileControl'); //Get the file from file control
var filename = fileInput.files[0].name //get the selected file name
//Iterating through each files selected in fileInput
for (i = 0; i < fileInput.files.length; i++) {
    //Appending each file to FormData object
    formdata.append(fileInput.files[i].name, fileInput.files[i]);
}
formdata.append("FieldName", "fieldvalue"); //Pass your additional parameter through formdata.appendmethod
$.ajax({
    url: '/ControllerName/ActionName',
    type: 'POST',
    data: formdata,
    async: false,
    success: function (data) {
        if (data) {
            VTQIFileAttachment(0);
        }
    },
    cache: false,
    contentType: false,
    processData: false
});

 In controller

 

public ActionResult InsertTicket()
{
  HttpPostedFileBase file = Request.Files[0];
  var fieldName= Request.Form["FieldName"].ToString();
string filename=file.FileName  //save the file name in database
//.............. do your insert code here
// set file location and save the file
  return Json(true, JsonRequestBehavior.AllowGet);
}

 

 

Answer 2

https://www.aspsnippets.com/Articles/Simple-File-Upload-example-in-ASPNet-MVC-Razor.aspx

 

http://www.c-sharpcorner.com/UploadFile/sourabh_mishra1/fileupload-in-Asp-Net-mvc/

 

https://www.mikesdotnetting.com/article/259/asp-net-mvc-5-with-ef-6-working-with-files