在mvc中没有提交按钮的情况下上传文件

时间:2014-03-06 11:57:27

标签: javascript jquery asp.net-mvc asp.net-mvc-4 file-upload

I want to upload a file without using the submit button. The file must be uploaded at the moment the user picks it from browse file window.

现在请提供一些ajax代码或一些jquery来上传文件以及如何删除文件。

Please provide the control view for this.
View>>>

<form action="FileUploadPost" method="post" enctype="multipart/form-data">

        <label for="file1">Filename1:</label>
        <input type="file" name="files" id="file3" />

        <label for="file2">Filename2:</label>
        <input type="file" name="files" id="file4" />

</form>

控制器与GT;&GT;&GT;

[HttpPost]
        public ActionResult Index(IEnumerable<HttpPostedFileBase> files)
        {
            foreach (var file in files)
            {
                if (file.ContentLength > 0)
                {
                    var fileName = Path.GetFileName(file.FileName);
                    var path = Path.Combine(HttpContext.Server.MapPath("~/App_Data/Uploads"), fileName);
                    file.SaveAs(path);
                }
            }
            return RedirectToAction("Index");
        }

1 个答案:

答案 0 :(得分:0)

您可以根据需要使用JQuery文件上传器控件。 它提供了通过“通过单击按钮”和“自动上载”上传文件的功能。

自动上传:此功能会在您选择文件后立即上传文件。

有关逐步实施的信息,请参阅Ajax File Upload