0

MVC3 でモーダル ポップアップを使用してファイル アップロードを実装しようとしています。ファイルをアップロードするとき、コントローラはファイル名の代わりに null を受け取ります。この機能は MVC3 で実現できますか?
jQueryは以下の通り、

コントローラーコード:

"

[HttpPost]
        public ActionResult Upload(HttpPostedFileBase file)
        {

            var fileName = "";
            var path = "";
            string file1 = "";
            if (ModelState.IsValid)
            {
                if (file.ContentLength > 0)
                {
                    fileName = Path.GetFileName(file.FileName);
                    path = Path.Combine(Server.MapPath("~/Content/"), fileName);
                    file.SaveAs(path);
                }
            }
            return RedirectToAction("Create","Manager",new{file1=fileName});
        }

" "

    var linkObj;
    $(function () {
        $(".editLink").button();

        $('#updateDialog').dialog({
            autoOpen: false,
            width: 400,
            resizable: false,
            modal: true,
            buttons: {
                "Update": function () {
                    $("#update-message").html(''); //make sure there is nothing on the message before we continue                         
                    $("#updateCarForm").submit();
                },
                "Cancel": function () {
                    $(this).dialog("close");
                }
            }
        });

        $(".editLink").click(function () {
            //change the title of the dialgo
            linkObj = $(this);
            var dialogDiv = $('#updateDialog');
            var viewUrl = linkObj.attr('href');
            $.get(viewUrl, function (data) {
                dialogDiv.html(data);
                //validation
                var $form = $("#updateCarForm");
                // Unbind existing validation
                $form.unbind();
                $form.data("validator", null);
                // Check document for changes
                $.validator.unobtrusive.parse(document);
                // Re add validation with changes
                $form.validate($form.data("unobtrusiveValidation").options);
                //open dialog
                dialogDiv.dialog('open');
            });
            return false;
        });

    });


    function updateSuccess() {
        if ($("#update-message").html() == "True") {
            //we update the table's info
            var parent = linkObj.closest("tr");
            parent.find(".carName").html($("#Name").val());
            parent.find(".carDescription").html($("#Description").val());
            //now we can close the dialog
            $('#updateDialog').dialog('close');
            //twitter type notification
            $('#commonMessage').html("Update Complete");
            $('#commonMessage').delay(400).slideDown(400).delay(3000).slideUp(400);
        }
        else {
            $("#update-message").show();
        }
    }

</script>

"

スクリプト読み込みファイル。

"

<% using (Ajax.BeginForm("Upload", "Manager", null,
        new AjaxOptions
        {
            UpdateTargetId = "update-message",
            InsertionMode = InsertionMode.Replace,
            HttpMethod = "POST",
            OnSuccess = "updateSuccess"
        }, new { @id = "updateCarForm" }))

    { %> 
    <div class="editor-field" id="error invisible"></div>
    <fieldset>
      <div>
        <input type="file" name="file" id="file"/>

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

"

4

1 に答える 1

2

残念ながら、Ajax.BeginForm はファイルをアップロードできません。IFrame などを使用して「偽装」する必要があります。チェックアウトしてみてください

http://www.webtoolkit.info/ajax-file-upload.html

例えば。

乾杯フィル

于 2012-07-16T14:17:07.647 に答える