ExtJs典型用法之文件上传

csstome

浏览: 1554709 次
性别:
来自: 北京

最近访客更多访客>>

u012363178

wangyy

ChangingWay

yadgen

博主相关

博客

微博

相册

留言

关于我

文章分类

全部博客 (2009)

社区版块

存档分类

从今天起我会和大家一块来学习ExtJs的典型操作，前面我写了一些ExtJs的文章，那个系列主要是系统的来介绍Ext如何使用。但是我们知道如果仅仅那样来介绍会遗漏很多实用的内容，因此我今后会继续写一些常用的Ext操作方面的内容，暂且叫做"ExtJs典型用法"系列吧。

今天我们首先看一下Ext中如何上传文件。我们知道在传统的html中有file组件（也就是type为file的input组件），但是我们也可以看到在Ext中是没有相应的组件的。那么我们如何来上传文件呢？在Ext中要完成上传其实很简单，只需要设置FormPanel的fileUpload属性和textfield的inputType属性即可。好，废话不多说，直接看代码吧：

前台代码：

后台代码：

using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.UI; using System.Web.UI.WebControls; using System.IO; using System.Web.Script.Serialization; namespace FileUpload { public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { try { if (Request.Files.Count == 0) { return; } else { HttpPostedFile file = Request.Files[0]; if (file.ContentLength > 0 && !string.IsNullOrEmpty(file.FileName)) { file.SaveAs(Server.MapPath("/UploadFile/" + Path.GetFileName(file.FileName))); //FileInfo fileInfo=new FileInfo(Server.MapPath("/UploadFile/" + Path.GetFileName(file.FileName))); //JavaScriptSerializer jsSerializer = new JavaScriptSerializer(); Response.Write("{success:true}");//前台就是通过json中success的true活false来判断是否成功的，切记！ } } } catch (Exception ex) { Response.Write("{success:false}"); } Response.End(); } } }

运行效果：