上傳文件並將其保存在臨時文件夾

Question

我已經將文件上載下面的方法：

[HttpPost] 
    public ActionResult Upload() 
    { 

     string directory = @"C:\Temp\"; 

     HttpPostedFileBase file = Request.Files["file"]; 

     if (file != null && file.ContentLength > 0) 
     { 
      var fileName = Path.GetFileName(file.FileName); 

      file.SaveAs(Path.Combine(directory, fileName)); 
     } 
     return RedirectToAction("Index"); 
    } 

，這裏是我的Ajax調用：

$('#uploadButton').on('click', function() 
{ 

    $.ajax({ 
     type: "POST", 
     dataType: 'json', 
     url: '@Url.Action("Upload", "Application")', 
     timeout: 2000, 
     contentType: 'application/json', 
     success: function (data) { 

      //show content 
      alert('Success!') 
     } 
    }); 
} 
) 

我需要發送「 Request.files [「file」]「與上傳的文件。

這裏是我的代碼所在的形式：

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

    <div class="form-group"> 

     <label>File</label> 

     <input type="file" name="file" id="file" class="form-control" /> 
     <br /> 
     <input type="button" id="uploadButton" value="Upload" /> 
    </div> 
</form> 

Answer 1

試試這個：

$('#uploadButton').on('click', function() { 
    var data = new FormData(); 
    var files = $('[type="file"]').get(0).files; 
    // Add the uploaded image content to the form data collection 
    if (files.length > 0) { 
     data.append("file", files[0]); 
    } 

    $.ajax({ 
     type: "POST", 
     url: '@Url.Action("Upload", "Application")', 
     type: 'POST', 
     data: data, 
     cache: false, 
     contentType: false, 
     processData: false, 
     success: function (data) { 
      //show content 
      alert('Success!') 
     } 
    }); 

})