追加のデータとJqueryを使用したASP.NET MVCのアップロード

Question

jQueryを使用したアップロードに関する別の質問の例を次に示します。

http://aspzone.com/tech/jquery-file-upload-in-asp-net-mvc-without-using-flash/

私は他のフォーム要素を通じて、しかし、アップロードにさらにデータを追加するには、このビットを拡張したいと思います。どのようにこれを行うことができる任意のアイデア？

Answer 1

jQuery ajaxForm機能を使用して、ajaxUploadFormフォームの投稿を行います。私は、入力要素をajaxUploadFormフォームに追加すると、余分な入力データが含まれると想定します。

それを試してみてください：にマークアップを変更する（問題のサイトから借用）以下：

<script type="text/javascript"> 1: 
    $(function() { 

     $("#ajaxUploadForm").ajaxForm({ 
      iframe: true, 
      dataType: "json", 
      beforeSubmit: function() { 
       $("#ajaxUploadForm").block({ message: '<h1><img src="/Content/busy.gif" /> Uploading file...</h1>' }); 
      }, 
      success: function(result) { 
       $("#ajaxUploadForm").unblock(); 
       $("#ajaxUploadForm").resetForm(); 
       $.growlUI(null, result.message); 
      }, 
      error: function(xhr, textStatus, errorThrown) { 
       $("#ajaxUploadForm").unblock(); 
       $("#ajaxUploadForm").resetForm(); 
       $.growlUI(null, 'Error uploading file'); 
      } 
     }); 
    }); 
</script> 

<form id="ajaxUploadForm" action="<%= Url.Action("AjaxUpload", "Upload")%>" method="post" enctype="multipart/form-data"> 
    <fieldset> 
    <legend>Upload a file</legend> 
    <label>File to Upload: <input type="file" name="file" />(100MB max size)</label> 
    <input type="text" id="someOtherInputElement" value="Test" /> 
    <input id="ajaxUploadButton" type="submit" value="Submit" /> 
    </fieldset> 
</form>