Html+Ajax+Webservice 实现文件跨域上传

 

1. 界面HTML

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

 

　　

 

 

2. JavaScript代码（记得引用Jquery文件哦！！！）

 

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. Webservice代码

[WebMethod]
public string UploadExcel()
{
       string result = "1";
       string filePath = "D:\\";//保存文件的地址
       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;
}    

 

　　

 

 

记得对这句代码取消注释！！！