在 ASP.NET MVC C# 中上傳文件

Question

我有

[HttpPost]
public ActionResult GetFiles(HttpPostedFileBase file)
{
    if (file != null && file.ContentLength > 0)
    {            
        var fileName = Path.GetFileName(file.FileName);   
        var path = Path.Combine(Server.MapPath("~/App_Data/uploads"), fileName);
        file.SaveAs(path);
    }
    return Json("Uploaded " + Request.Files.Count + " files",JsonRequestBehavior.AllowGet);
}

現在我想在 Ajax 中上傳文件並將文件保存在另一個文件夾中。 如何從輸入表單中獲取文件並通過 Ajax 發送？

Answer 1

嘗試這個：

cshtml：

<input id="myFile" type="file" name="myfile" onchange="GoToPreview(this)" style="display: none">



function GoToPreview(input) {
            if (input.files && input.files[0]) {  

                var tmpImageData = new FileReader();
                tmpImageData.onload = function (e) {
                    SetImageData(imageData);                
                }
                tmpImageData.readAsDataURL(input.files[0]);
            }
    }

function SetImageData(imageData) {
        $.ajax({
            url: '/Home/SetImageData',
            type: 'POST',
            data: { imageData: imageData },
            success: function (data) {
                // code here
            },
            error: function (data) {
                // code for exception
            }
        });
    }

在服務器端的 SetImageData 方法中做你的事情。

Answer 2

正如@Reza Aghaei 已經說過的，您可以使用FormData來解決您的問題，但我建議您使用此庫中的ajaxForm()方法。 我使用這種方法是因為IE8 和 IE9 不支持FormData

而且真的不難使用。