AJAX + WebService 实现文件上传

最新推荐文章于 2021-08-06 16:47:14 发布

转载最新推荐文章于 2021-08-06 16:47:14 发布 · 198 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/zhchsh/p/5120693.html

本文介绍了一个简单的文件上传功能实现过程，包括前端HTML界面设计、JavaScript交互逻辑及后端处理流程。通过示例代码展示了如何使用FormData对象进行文件上传，并在服务器端接收文件并保存。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 界面HTML

<p >上传文件： <input id="zfiles" type="file" name="file"/></ p>
<br />
<input type="button" value="上传" onclick="test()" />

2. JavaScript代码

function test() {
    var ts = document.getElementById("zfiles").files[0];
    var formData = new FormData();
    formData.append("file", ts);
    
     $.ajax({  
          url: '/cwbase/service/mdm/ExcelIO.asmx/UploadExcel' ,  
          type: 'POST',  
          data: formData,  
          //async: false,  
          //cache: false,  
          contentType: false,  
          processData: false,
          success: function () {  
              alert('success');  
          },  
          error: function () {  
              alert('error');  
          }  
     });
}

3. 后台代码

[WebMethod]
public string UploadExcel()
{
       string result = "1";
       string filePath = "E:\\";
       var file = HttpContext.Current.Request.Files;
        try
        {
            for (int i = 0; i < file.Count; i++)
            {
                var f = file[i];

                 filePath = Path.Combine(filePath, f.FileName);

                  f.SaveAs(filePath);
            }
                result = "0";
            }
            catch(Exception ex)
            {
                throw new Exception(ex.Message);
            }
            return result;
}