一个简单的C#后端+ajax上传文件的demo

前端部分

  1. <!DOCTYPE html>
  2. <html lang="en">
  4. <head>
  5.     <meta charset="UTF-8">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <title>Document</title>
  8.     <script type="text/javascript" src="../jquery.min.js"></script>
  9. </head>
  11. <body>
  13.     <input type="file" name="sss" id="theFile">
  15.     <script>
  17.         $(function () {
  18.             $('#theFile').change(function () {
  19.                 debugger;
  20.                 var crowd_file = $('#theFile')[0].files[0];
  21.                 var formData = new FormData();
  22.                 formData.append("file", crowd_file);
  24.                 $.ajax({
  25.                     url: 'https://localhost:44370/home/upload',
  26.                     async: false,
  27.                     type: 'post',
  28.                     data: formData,
  29.                     processData: false, // 使数据不做处理
  30.                     contentType: false, // 不要设置Content-Type请求头
  31.                     success: function (data) {
  32.                         debugger;
  33.                     },
  34.                     error: function (response) {
  35.                         debugger;
  36.                     }
  37.                 });
  39.             });
  41.         }); 
  42.     </script>
  44. </body>
  46. </html>

C#部分

  1. public ActionResult Upload()
  2. {
  3.     var fileName = Request.Files.Get("file").FileName; 
  4.     return null;
  5. }