ajax 异步上传文件

liuyl

1. function UploadFile(id) {
   
2.                $.ajax({
   
3.                    type: "post",
   
4.                    url: "Servers.ashx?Action=GetDatas",
   
5.                    contentType: "multipart/form-data",
   
6.                    success: function(data) {
   
7.                        if (data != "") {
   
8.                            
   
9.                        }
   
10.                    }
    
11.                });
    
12.            }
    
13. 
    
14. 
    
15. 
    
16.   <form id="form1" runat="server" >
    
17. 
    
18.     <div>
    
19.         <input id="File1" type="file" name="fileNames" />
    
20.         <input type="button" value="上传" id="adds" onclick="UploadFile(this.id)"/>
    
21.     </div>
    
22.     </form>

复制代码

ashx Code

1. private string actionParm = string.Empty;//请求操作函数
   
2.         public void ProcessRequest(HttpContext context)
   
3.         {
   
4.             actionParm = context.Request.QueryString["Action"];
   
5.             switch (actionParm)
   
6.             {
   
7. 
   
8.                 case "GetDatas":  
   
9.                     GetDatas(context);
   
10.                     break;
    
11.                
    
12.             }
    
13.    
    
14.         }
    
15. 
    
16.         void GetDatas(HttpContext context)
    
17.         {
    
18.             string result = string.Empty;
    
19.             HttpPostedFile postedFile = context.Request.Files["fileNames"];
    
20. 
    
21.             context.Response.ContentType = "text/plain";
    
22.             context.Response.Write(result);
    
23.         }
    
24.         public bool IsReusable
    
25.         {
    
26.             get
    
27.             {
    
28.                 return false;
    
29.             }
    
30.         }

复制代码

这里要如何去到 context.Request.Files["fileNames"];讷

liuyl

如果直接用post 是可以的，但是改成ajax post下不知道怎么弄。。。求解

yangying

给你个例子看看吧，这里说的很详细
http://www.sufeinet.com/forum.php?mod=viewthread&tid=167

starnet

可以用jquery.form.js来实现
$("#" + idName + "").ajaxSubmit({
            url: '<%=ResolveUrl("~/Ashx/UploadImage.ashx")%>', /*设置post提交到的页面*/
            type: "post", /*设置表单以post方法提交*/
            dataType: "json", /*设置返回值类型为JSON*/
            success: function (str, status) {
                           },
            error: function (error) { document.getElementById("spTitle").innerHTML = '文件上传过程异常，请选择合适的图片文件上传,谢谢!' }

        });