Как добавить изображение в базу данных с помощью ajax в MVC?

Question

Я новичок в модели просмотра контроллера. Я должен добавить Fname, Mname, Lname и Image в базу данных, используя ajax в приложении MVC. Вот мой код.

Index.cshtml

<script>
    $(function () {

        $("#btnsend").click(function () {
            var name = $("#Fname").val();
            var file = $("#browseId").get(0).files;
            var data = new FormData;
            data.append("images", file[0]);
            data.append("Fname", $("#Fname").val());
            data.append("Mname", $("#Mname").val());
            data.append("Lname", $("#Lname").val());


            if (name == '') {
                alert("Fill all details!");
            }
            else {
                $.ajax({

                    type: "POST",
                    url: "/Home/Add_data",
                    data: data,
                    contentType: false,
                    processData: false,
                    success: function (da) {
                        alert("Record Successfully Inserted!");
                    },
                    error: function (suc) {
                        alert("Not inserted!");
                    }



                });
            }






        })



    })



</script>

register.cs

public class register
{

    public string Fname{get;set;}


    public string Mname { get; set; }


    public string Lname { get; set; }


    public string images { get; set; }

    public HttpPostedFileWrapper ImageFile { get; set; }
}

HomeController.cs

public class HomeController : Controller
{
    //
    // GET: /Home/
    SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["DefaultConnection"].ConnectionString);

    public ActionResult Index()
    {
        return View();
    }

[HttpPost]
    public void Add_data(register rs)
    {

        try
        {
            SqlCommand com = new SqlCommand("p1", con);
            com.CommandType = CommandType.StoredProcedure;
            con.Open();
            com.Parameters.AddWithValue("@Fname", rs.Fname);
            com.Parameters.AddWithValue("@Mname", rs.Mname);
            com.Parameters.AddWithValue("@Lname", rs.Lname);
            if (rs.ImageFile != null && rs.ImageFile.ContentLength > 0)
            {

                string filename = Path.GetFileName(rs.ImageFile.FileName);
                string imagepath = Path.Combine(Server.MapPath("~/ImgFile/Images"), filename);
                rs.ImageFile.SaveAs(imagepath);
            }
            com.Parameters.AddWithValue("@img", "~/User-images/" + rs.ImageFile.FileName);
            com.ExecuteNonQuery();
            con.Close();



        }
        catch (Exception)
        {

        }

    }



}

}

Это запросы к базе данных

create table empdata

(studId int не нулевой идентификатор первичного ключа (1,1), Fname nvarchar (50) не нулевой, Mname nvarchar (50) не нулевой, Lname nvarchar (50)) не ноль, изображения nvarchar (макс.) не ноль)

процедура создания p1 @Fname nvarchar (50), @Mname nvarchar (50), @Lname nvarchar (50), @images nvarchar (max)

как начало вставлять в значения empdata (@ Fname, @ Mname, @ Lname, @ images)

end

Я хочу, чтобы, когда пользователь нажимал кнопку сохранения, все детали и изображениебыли сохранены в базу данных. Спасибо заранее!