0

过去几天我一直在使用 MVC。

我的一个页面有问题，即我有一个页面，其中 q 用户输入所需的详细信息并上传文件。我有两个按钮，分别名为 Upload 用于上传文件和 Create 用于创建新配置文件。

我的问题

我的问题是当用户点击上传按钮时我不想重新加载整个页面。我正在考虑使用网络方法进行文件上传。

我不知道我在这里做错了什么

谁能纠正我

这是我的控制器中名为 Create 的 Web 方法

控制器

   [WebMethod]
   public string  FileUpload(HttpPostedFileBase file, BugModel model)
   {             
       BugModel bug = null;
       if (file != null && file.ContentLength > 0)
       {
           string path = "/Content/UploadedFiles/" + Path.GetFileName(file.FileName);
           string savedFileName = Path.Combine(System.Web.HttpContext.Current.Server.MapPath ("~" +path));
           file.SaveAs(savedFileName);
           BugAttachment attachment = new BugAttachment();
           attachment.FileName = "~" + path.ToString();
           bug.ListFile.Add(attachment);
           model = bug;              
       }
       return "FileUploaded";          
   }

使用脚本调用方法

Javascript

       <script type="text/javascript">
      function UploadFile() {       
        $.ajax({
            type:"Post",
            url: "LogABug/FileUpload",
            data: "{}",
            contentType: "application/json; charset=utf-8",
            dataType: "json",
            success: function (msg) {
                alert("File Uploaded")
            },
            error: function () {
                ErrorMessage("Try Again");
            }
        });
    }
 </script>

谁能告诉我我该怎么做……如果这是错误的方法，请用正确的方法纠正我的想法

4

1 回答 1

0

您正在单独上传文件。因此，您将需要两个操作：

  • public string Something(BugModel model)为模型。
  • public string FileUpload(HttpPostedFileBase file)对于文件

现在，我将使用jQuery Form Plugin进行 ajax 提交。这是一个例子：

<script type="text/javascript">
    $(function () {
        $("#file-upload-form").submit(function () {
            $(this).ajaxSubmit({
                target: "#message",
                cache: false
            });

            return false;
        });
    });
</script>
@using(Html.BeginForm("FileUpload", "LogABug", FormMethod.Post, new { enctype = "multipart/form-data", id = "file-upload-form" })) {
    @Html.ValidationSummary(true)
    <fieldset>
        @Html.EditorFor(model => model.File)
        <input type="submit" value="Upload" />
    </fieldset>
}
<div id="message">
</div>

您从操作中返回的内容将显示在divwith id中message

于 2012-08-08T09:45:49.957 回答