Uploadify - MVC3：フォームコレクションデータを返す方法

Question

私はuploadifyを使用するビューに表示されるビューモデルを持っています。私はポストにコレクションデータを戻す必要があります。これどうやってするの？

のViewModel：

public class ViewModel 
{ 
    string Name; 
    IEnumerable<Junk> theJunk; 
} 

public Junk 
{ 
    int id; 
    string Name; 
} 

ビュー：

@model ViewModel 

@using (@Html.BeginForm()) 
{ 
    <input type="file" name="dr405" id="dr405" /> 

    <div> 
     @Html.LabelFor(model => model.Name) 
     @Html.EditorFor(model => model.Name) 
    </div>   
    @Html.EditorFor(model => model.theJunk) 

    <input type="submit" value="Upload Junk" /> 
} 

<script type="text/javascript"> 
    jQuery.noConflict(); 
    jQuery(document).ready(function() { 
     jQuery("#dr405").uploadify({ 
      'uploader': '@Url.Content("~/Scripts/uploadify.swf")', 
      'cancelImg': '/Content/themes/base/images/cancel.png', 
      'buttonText': 'Browse Files', 
      'script': 'home/upload', 
      'folder': '/uploads', 
      'fileDesc': 'Image Files', 
      'fileExt': '*.jpg;*.jpeg;*.gif;*.png', 
      'sizeLimit': '38000', 
      'multi': true, 
      'auto': true, 
     }); 
    }); 
    </script> 

コントローラー：

[HttpPost] 
    public ActionResult Upload(HttpPostedFileBase fileData, FormCollection collection) 
    { 
     // Get my view model here 
     // ...get the main Name! 
     // ...get the collection of Junk 

     return "ok"; 
    } 

Answer 1

は、ここでは、このシナリオをカバーarticleです。 scriptDataパラメーターを使用すると、サーバーに追加の値を渡すことができます。しかし、uploadifyは各ファイルに対して複数のリクエストを送信するので（multiオプションをtrueに設定したと仮定して）、2つのコントローラアクションを持つことができます。最初のファイルは選択されたファイルごとにヒットし、すべてのファイルがアップロードされ、フォームデータが送信されます。また、ファイルを選択した直後にアップロードを開始したくない場合は、autoオプションをfalseに設定する必要があります。