ExtJs典型用法之文件上传

最新推荐文章于 2024-03-15 08:56:45 发布

KenshinCui

最新推荐文章于 2024-03-15 08:56:45 发布

阅读量1.2w

点赞数

分类专栏： Javascript ExtJS进阶学习文章标签： extjs function stylesheet file exception ext

本文链接：https://blog.csdn.net/kenshincui/article/details/5983264

版权

Javascript 同时被 2 个专栏收录

16 篇文章 0 订阅

订阅专栏

ExtJS进阶学习

13 篇文章 6 订阅

订阅专栏

从今天起我会和大家一块来学习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(); } } }

运行效果：