一鍵兩功能，保存並上傳

Question

當我按下按鈕一次，我想開始上傳和保存。我知道使用兩個不同的按鈕來工作兩個功能，一個是上傳，另一個是保存。任何建議？此代碼適用於每個函數有兩個按鈕。這是代碼。提前致謝。

@model MvcMovie.Models.Movie 

@{ 
    ViewBag.Title = "Create"; 
} 

<h2>Create</h2> 

@using (Html.BeginForm()) { 
    @Html.ValidationSummary(true) 

    <fieldset> 
     <legend>Movie</legend> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.Title) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.Title) 
      @Html.ValidationMessageFor(model => model.Title) 
     </div> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.ReleaseDate) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.ReleaseDate) 
      @Html.ValidationMessageFor(model => model.ReleaseDate) 
     </div> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.Genre) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.Genre) 
      @Html.ValidationMessageFor(model => model.Genre) 
     </div> 

     <div class="editor-label"> 
      @Html.LabelFor(model => model.Price) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.Price) 
      @Html.ValidationMessageFor(model => model.Price) 
     </div> 
     <div class="editor-label"> 
      @Html.LabelFor(model => model.Rating) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.Rating) 
      @Html.ValidationMessageFor(model => model.Rating) 
     </div> 

      <div class="editor-label"> 
      @Html.LabelFor(model => model.ImageUrl) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.ImageUrl) 
      @Html.ValidationMessageFor(model => model.ImageUrl) 
     </div> 

      <input type="submit" value="Create" /> 

    </fieldset> 
     <img src="~/Content/Images/Full/i1.JPG" alt="Sample Image" width="300px" height="200px" /> 

<!--proba--> 
} 

@using (Html.BeginForm("Upload", "Movies", FormMethod.Post, new { enctype="multipart/form-data" })) 
{ 
    <input name="ImageUploaded" type="file"> 
     <input type="submit" value="Upload"/>  
} 

<!--/proba--> 
@Html.ActionLink("Back to List", "Index") 
@section Scripts { 
    @Scripts.Render("~/bundles/jqueryval") 
} 

Answer 1

您既可以上傳，也可以保存在控制器中。否則，您應該使用帶有Ajax的JQuery來組合這兩者。這裏有一點關於如何鏈接Ajax調用的建議。

@using(Ajax.BeginForm("uploadaction", "controller", new AjaxOptions() 
{ 
    OnSuccess = "$(input#save).click()" 
}) 
{ 
    <input type="submit" style="display:none;" id="upload" /> 
} 

@using(Ajax.BeginForm("saveaction", "controller", new AjaxOptions() 
{ 
    OnSuccess = "route to new url" 
}) 
{ 
    <input type="submit" style="display:none;" id="save" /> 
} 

<input type="button" onclick="$(input#upload).click()" value="Upload and save" />