1

私はasp.net MVC3を使用しています

フォームを送信する前に画像をアップロードしたい。

以下は私のコードです

 <div>
   @using (Html.BeginForm("SaveData", "Home", FormMethod.Post, new { @enctype =      "multipart/form-data" }))
   {
     <div> Image: 
           <input type="file" name="uploadFile" onchange="upload(this);" /></div>
     <div> Name: 
           @Html.TextBoxFor(model => model.Name)</div>
     <div> Address:  
           @Html.TextBoxFor(model => model.Address)</div>
     <div> Phone: 
           @Html.TextBoxFor(model => model.Phone)</div>

     <input type="submit" name="save" id="savedata" title="save" 
        value="save"  />
}         
</div>

<script type="text/javascript">
   function UploadFile(image) {
        //call controller action UploadFile
         $.ajax({
            type: "Post",
            url: "Home/UploadFile",
            data: image,       //This is wrong
            contentType: "application/json; charset=utf-8",
            dataType: "json"
        });
   }
</script>

今度はコントローラー側

 public ActionResult UploadFile(HttpPostedFileBase uploadFile)
 {
     //save image
 }

フォームを投稿してデータを保存する前に、画像をアップロードする方法を誰でも提案できますか。

4

1 に答える 1

1

$.ajax()それはできません。ただし、これを行うjQueryプラグインが利用可能です。これが 1 つです。このスレッドでは、これを行うための多数のオプションについても説明しています。AJAX によるファイルのアップロードは比較的新しい機能であり、すべてのブラウザがサポートしているわけではないことに注意してください。

于 2012-10-22T12:09:26.407 に答える