`
javatoyou
  • 浏览: 1070686 次
  • 性别: Icon_minigender_2
  • 来自: 北京
文章分类
社区版块
存档分类
最新评论

Extjs结合.NET上传文件

 
阅读更多
  1. <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <htmlxmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <linkhref='Ext/resources/css/ext-all.css'rel='stylesheet'type='text/css'/>
  5. <scripttype='text/javascript'src='Ext/adapter/ext/ext-base.js'></script>
  6. <scripttype='text/javascript'src='Ext/ext-all.js'></script>
  7. </head>
  8. <body>
  9. <scripttype="text/javascript">
  10. Ext.onReady(function(){
  11. varform=newExt.form.FormPanel({
  12. renderTo:'file',
  13. labelAlign:'right',
  14. title:'文件上传',
  15. labelWidth:60,
  16. frame:true,
  17. url:'UploadFile.aspx',//fileUploadServlet
  18. width:300,
  19. height:200,
  20. fileUpload:true,
  21. items:[
  22. {
  23. xtype:'textfield',
  24. fieldLabel:'文件名1',
  25. name:'file',
  26. inputType:'file'//文件类型
  27. },
  28. {
  29. xtype:'textfield',
  30. fieldLabel:'文件名2',
  31. name:'file',
  32. inputType:'file'//文件类型
  33. },
  34. {
  35. xtype:'textfield',
  36. fieldLabel:'文件名3',
  37. name:'file',
  38. inputType:'file'//文件类型
  39. }
  40. ],
  41. buttons:[{
  42. text:'上传',
  43. handler:function(){
  44. form.getForm().submit({
  45. success:function(form,action){
  46. Ext.Msg.alert('信息','文件上传成功!');
  47. },
  48. failure:function(){
  49. Ext.Msg.alert('错误','文件上传失败');
  50. }
  51. });
  52. }
  53. }]
  54. });
  55. });
  56. </script>
  57. <divid="file"></div>
  58. </body>
  59. </html>

UploadFileUploadFile.aspx.cs
  1. usingSystem;
  2. usingSystem.Data;
  3. usingSystem.Configuration;
  4. usingSystem.Collections;
  5. usingSystem.Web;
  6. usingSystem.Web.Security;
  7. usingSystem.Web.UI;
  8. usingSystem.Web.UI.WebControls;
  9. usingSystem.Web.UI.WebControls.WebParts;
  10. usingSystem.Web.UI.HtmlControls;
  11. usingSystem.IO;//注意,导入
  12. namespaceWisdomNF
  13. {
  14. publicpartialclassUploadFile:System.Web.UI.Page
  15. {
  16. protectedvoidPage_Load(objectsender,EventArgse)
  17. {
  18. stringjSONString=string.Empty;
  19. try
  20. {
  21. stringsaveFoler=Server.MapPath("upload_files/");
  22. stringsavePath,fileName;
  23. //遍历File表单元素
  24. for(intiFile=0;iFile<Request.Files.Count;iFile++)
  25. {
  26. HttpPostedFilepostedFile=Request.Files[iFile];
  27. fileName=Path.GetFileName(postedFile.FileName);
  28. if(fileName!="")
  29. {
  30. stringfileType=fileName.Substring(fileName.LastIndexOf("."));
  31. stringnewName=Guid.NewGuid().ToString("N")+fileType;
  32. //stringnewName=DateTime.Now.ToString("yyMMddHHmmssfff")+iFile.ToString();//精确到毫秒
  33. savePath=saveFoler+newName;
  34. //检查是否在服务器上已经存在用户上传的同名文件
  35. if(File.Exists(savePath))
  36. {
  37. File.Delete(savePath);
  38. }
  39. postedFile.SaveAs(savePath);
  40. }
  41. }
  42. jSONString="{success:true,message:'上传完成!'}";
  43. }//try
  44. catch(Exceptionex)
  45. {
  46. jSONString="{success:false,message:'上传失败,可能因为上传文件过大导致!'}";
  47. }//catch
  48. Response.Write(jSONString);
  49. Response.Flush();
  50. }
  51. }
  52. }

分享到:
评论

相关推荐

    Extjs结合Asp.net文件上传

    标题中的“Extjs结合Asp.net文件上传”指的是在Web应用程序开发中,使用Ext JS(一个JavaScript库)和ASP.NET(Microsoft的服务器端技术)来实现文件上传功能。这一组合可以提供用户友好的界面和强大的后台处理能力...

    asp.net 批量上传文件,进度条显示

    总之,这个"asp.net 批量上传文件,进度条显示"的实例结合了ASP.NET的文件上传功能,Ajax的异步通信,以及ExtJS的UI组件,实现了用户友好的文件批量上传和进度反馈。通过深入理解这些技术,你可以根据具体需求调整和...

    ExtJS3.4和VS2010上传文件的进度条

    综上所述,这个例子演示了如何结合ExtJS3.4的进度条组件和VS2010的.NET环境,实现文件上传时的进度显示功能。开发人员可以从这个示例中学到如何在客户端和服务器端之间同步文件上传进度,提升用户界面的交互性和反馈...

    ASP.NET仿FLASH批量上传效果 使用控件ExtJS 和上传控件的例子.zip

    总的来说,"ASP.NET仿FLASH批量上传效果 使用控件ExtJS 和上传控件的例子.zip" 提供了一个实用的示例,展示了如何结合ASP.NET、ExtJS和SwfUpload实现高效且用户体验良好的批量上传功能。这个例子不仅对于初学者理解...

    Extjs图片上传 带过滤和缩略图

    总的来说,实现"Extjs图片上传 带过滤和缩略图"功能需要结合前端的ExtJS组件和后端的文件处理逻辑,通过合理的事件监听和数据处理,为用户提供安全、便捷的图片上传体验。在开发过程中,注意兼容性、性能和用户体验...

    asp.net+extjs学校

    PaperManagerV2可能是一个具体的管理模块,比如论文管理或文档管理,它可能使用了ASP.NET和ExtJS的组合,提供上传、下载、分类、搜索等功能。 学习和掌握ASP.NET与ExtJS的结合使用,不仅可以提升Web应用的用户体验...

    Asp.net+Extjs+Ajax轮询进度条.rar

    总的来说,这个项目展示了Asp.NET、ExtJS和Ajax的强大结合,实现了Web应用中的实时进度反馈功能。通过Asp.NET处理服务器端逻辑,ExtJS提供用户友好的界面,Ajax确保了数据的实时通信,共同构建了一个高效的交互系统...

    ASP.NET批量上传SwfUpload-Ext

    将SwfUpload与ExtJS结合使用,首先需要在页面中引入SwfUpload的相关库和ExtJS的库文件。然后,利用ExtJS创建一个表单,配置SwfUpload的参数,如上传URL、文件类型限制、最大上传文件大小等。SwfUpload的实例化通常在...

    net extjs Efs管理系统

    综上所述,"net extjs Efs管理系统"是一个结合了.NET和ExtJS技术的文件管理解决方案,具有强大的数据库支持和丰富的用户界面。对于想要学习或改进企业文件管理系统的人来说,这是一个宝贵的资源,可以从源代码中学习...

    extjs简单示例。带程序。

    在“extjs + asp.net简单示例”中,我们将看到EXTJS如何与微软的asp.net后端技术结合,共同完成一个Web应用。 在ASP.NET中,开发者通常使用C#或VB.NET编写服务器端代码,处理数据、业务逻辑以及与数据库的交互。而...

    _net+Extjs源码 实现文件的上传下载

    本文将深入探讨如何使用C#、ASP.NET、SQL和DBA技术实现文件的上传与下载,结合京华志&精华志提供的源码进行详细解析。 首先,C#是一种面向对象的编程语言,常用于构建.NET Framework的应用程序,包括Web应用程序。...

    extjs3.x+swfupload.swf多文件上传终结版

    ExtJS 3.x 和 SWFUpload 是两种不同的技术,它们结合使用可以实现高效的多文件上传功能。这篇内容将深入解析这两个技术以及它们如何协同工作。 **ExtJS 3.x** ExtJS 是一个流行的JavaScript库,主要用于构建富...

    ExtJs框架系列之图片批量显示,上传,删除

    批量上传图片的功能则需要结合服务器端脚本,例如PHP、Node.js或ASP.NET。在客户端,我们可以使用`Ext.form.FileField`或`Ext.form.Basic`中的`fileUpload`配置来创建一个文件选择器。当用户选择文件后,使用`Ext....

    Ext圖片上傳、刪除、查看.net源碼

    "Ext圖片上傳、刪除、查看.net源碼"是一个项目,它涵盖了图片的上传、删除和查看功能,利用了ExtJs的组件库和.NET后端技术。下面我们将深入探讨相关知识点。 首先,ExtJs是一个强大的JavaScript库,用于构建富...

    ExtJs_ASPMVC_Batch_Operation.rar

    在IT领域,Web开发是至关重要的一环,而ExtJS与ASP.NET MVC的结合则为构建高效、美观且功能丰富的Web应用程序提供了强大的支持。本资源"ExtJs_ASPMVC_Batch_Operation.rar"正是这样一个实例,它展示了如何利用ExtJS...

    ext文件上传下载

    EXTJS 是一个基于 JavaScript 的富客户端应用框架,它主要用于构建交互性强、用户体验良好的Web应用程序。在EXTJS中处理文件上传和下载是常见的...实际操作时,需要结合这些文件来理解和学习EXTJS的文件上传下载机制。

    extjs mvc frame

    7. **Bin**: 这个目录通常包含了应用依赖的DLL文件,即.NET Framework的类库,可能包含了EXTJS库本身以及其他第三方库。 8. **.metadata**: 这通常是Visual Studio项目文件的一部分,包含了关于项目元数据的信息,...

    ExtJs与C#做的简易毕业设计论文管理系统

    这个系统利用了ExtJs的富客户端框架和C#的后端服务器端能力,结合了两者的优势,以实现高效的数据交互和用户友好的界面。 【描述】:该系统的核心功能包括以下几个方面: 1. **用户注册**:新用户可以通过填写必要...

    ExtJs开源项目:网络硬盘PHP版(附演示网址)

    在这个项目中,ExtJs可能被用来设计和实现文件和文件夹的管理界面,提供拖放操作、文件预览、多选、排序等功能。 PHP是一种广泛应用的服务器端脚本语言,常用于开发Web应用。在这个网络硬盘项目中,PHP可能负责处理...

Global site tag (gtag.js) - Google Analytics