Как загрузить изображение в SQL с MVC3 в одной форме с помощью ADO.NET?

Question

У меня проблемы с размещением поля загрузки изображений в остальной части набора полей, в основном потому, что мне нужно два действия для одной формы, исправьте меня, если я ошибаюсь! Также при использовании Model для рендеринга полей в View нет @ Html.UploadField или чего-то подобного ... Есть идеи?

Моя цель - сохранить изображение в той же строке, что и остальная часть формы ...

Модель:

 public class MyModel
 {
    [HiddenInput(DisplayValue = false)]
    public int ProductID { get; set; }

    [Display(Name = "Author: ")]
    public string Author { get; set; }

    [Display(Name = "Title: ")]
    public string Title { get; set; }

    public byte[] ImageData { get; set; }

    [HiddenInput(DisplayValue = false)]
    public string ImageMimeType { get; set; }

}

ВИД:

@model namespace.MyModel

@using (Html.BeginForm("AddForm", "Admin"))
{

<div>
    <fieldset>
        <legend>New Article</legend>

        <div class="editor-label">
            @Html.LabelFor(m => m.Author)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(m => m.Author)
            @Html.ValidationMessageFor(m => m.Author)
        </div>

        <div class="editor-label">
            @Html.LabelFor(m => m.Title)
        </div> 
         <div class="editor-field">
            @Html.TextBoxFor(m => m.Title)
        </div>

         @using (Html.BeginForm("SaveImage", "Admin", FormMethod.Post, new { enctype = "multipart/form-data" }))
        {   
            <div class="editor-label">Image</div>
            <div class="editor-field">
                <div>Upload image: <input type="file" name="Image" /></div>
            </div>

        }

        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>
</div>
}

CONTROLLER

 //AddForm
    [HttpPost]
    public ActionResult AddForm(MyModel model)
    {
        if (ModelState.IsValid)
        {

            string connStr = ConfigurationManager.ConnectionStrings["AdminServices"].ConnectionString;

            using (SqlConnection connection = new SqlConnection(connStr))
            {
                connection.Open();

                using (SqlCommand command = new SqlCommand("insert into MyTable(DbAuthor, DbTitle) values(@author, @title)", connection))
                {
                    command.Parameters.AddWithValue("@author", model.Author);
                    command.Parameters.AddWithValue("@title", model.Title);

                    command.ExecuteNonQuery();

                }
            }
        }

        return RedirectToAction("Index", "Admin");
    }

    //SaveImage
    [Authorize]
    [HttpPost]
    public ActionResult SaveImage(MyModel zan, HttpPostedFileBase image)
    {
        if (ModelState.IsValid)
        {
            if (image != null)
            {
                zan.ImageMimeType = image.ContentType;
                zan.ImageData = new byte[image.ContentLength];
                image.InputStream.Read(zan.ImageData, 0, image.ContentLength);


                string connStr = ConfigurationManager.ConnectionStrings["AdminServices"].ConnectionString;

                using (SqlConnection connection = new SqlConnection(connStr))
                {
                    connection.Open();

                    using (SqlCommand command = new SqlCommand("insert into MyTable(DbImage) values(@image)", connection))
                    {
                        command.Parameters.AddWithValue("@image", zan.ImageData);
                        command.ExecuteNonQuery();

                    }
                }
                return RedirectToAction("Index", "Admin");
            }

        }
        return RedirectToAction("Index", "Admin");
    }

Моя проблема состоит в том, чтобы объединить эти два метода в одно поле и иметь встроенное поле загрузки MVC3 в View ...

Answer 1

В вашей модели представления объявите поле изображения как HttpPostedFileBase следующим образом:

public HttpPostedFileBase ImageData { get; set; }

В представлении убедитесь, что атрибуты ID и NAME входного файла соответствуют именисвойство в вашей модели представления:

<input type="file" name="ImageData" id="ImageData" />

Когда вы отправляете форму, загруженный файл будет заполнен в свойстве HttpPostedFileBase с помощью связывателя модели по умолчанию.

Кроме того, ваш Html.Form должен обернуть все поля ввода, а не только загрузку файла.Наличие вложенных форм недопустимо в HTML.

@using (Html.BeginForm("AddForm", "Admin", FormMethod.Post, 
    new { enctype = "multipart/form-data" }))
{
<div>
    <fieldset>
        <legend>New Article</legend>

        <div class="editor-label">
            @Html.LabelFor(m => m.Author)
        </div>
        <div class="editor-field">
            @Html.TextBoxFor(m => m.Author)
            @Html.ValidationMessageFor(m => m.Author)
        </div>

        <div class="editor-label">
            @Html.LabelFor(m => m.Title)
        </div> 
         <div class="editor-field">
            @Html.TextBoxFor(m => m.Title)
        </div>  
        <div class="editor-label">Image</div>
        <div class="editor-field">
            <div>Upload image: 
                <input type="file" name="ImageData" id="ImageData" />
            </div>
        </div>
        <p>
            <input type="submit" value="Save" />
        </p>
    </fieldset>
</div>
}

Обновление

Я не могу ответить на часть вопроса ADO.NET.Мы используем EF 4.1 с вышеупомянутым подходом, сохраняя в таблицу базы данных через свойство объекта.EF позаботится о части ADO.NET для нас, поэтому я не уверен, какой код будет использовать голый ADO.NET.