转: ASP.NET+ExtJs4.0+表单提交submit,上传图片到服务器

时间:2021-09-01 23:47:37

http://blog.csdn.net/lmaohuanl/article/details/6792057

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <title></title>
  5. <!--ExtJs4.0官方下载ExtJs样式文件-->
  6. <link href="extjs/resources/css/ext-all.css" rel="stylesheet" type="text/css" />
  7. <!--ExtJs4.0官方下载ExtJs文件-->
  8. <script src="extjs/ext-all.js" type="text/javascript"></script>
  9. <script language="javascript" type="text/javascript">
  10. function login_click(b) {
  11. //1.拿到表单面板
  12. var loginFormPanel=Ext.getCmp("loginFormPanel");
  13. //2.通过面板对象拿到它里面的表单
  14. var form = loginFormPanel.getForm();
  15. //3.在提交前,判断表单输入是否有误
  16. if (!form.isValid()) {
  17. return;
  18. }
  19. //4.调用提交的方法,提交该表单
  20. form.submit({
  21. waitMsg:"正在向服务器提交数据",
  22. url:"Extjs1.aspx",
  23. success: function (f, a) {
  24. Ext.MessageBox.alert("提示", "你的详细信息如下:<br/>用户名:" + a.result.name + "<br/>密 码:" + a.result.password + "<br/>你上传的图片数量为:"
  25. + a.result.filecount);
  26. },
  27. failure: function (f,a) {
  28. Ext.MessageBox.alert("提示", a.result.msg);
  29. }
  30. });
  31. }
  32. Ext.onReady(function () {
  33. var txtUserName = new Ext.form.field.Text({
  34. fieldLabel: "用户名",
  35. labelWidth: 50,
  36. margin: "10 0 5 0",
  37. allowBlank: false,
  38. blankText: "用户名不能为空",
  39. name: "txtUserName"
  40. });
  41. var txtUserPassword = new Ext.form.field.Text({
  42. fieldLabel: "密 码",
  43. labelWidth: 50,
  44. margin: "5 0 5 0",
  45. inputType: "password",
  46. allowBlank: false,
  47. blankText: "密码不能为空",
  48. name: "txtUserPassword"
  49. });
  50. var file = new Ext.form.field.File({
  51. fieldLabel:"请选择一张图片",
  52. buttonText:"浏览",
  53. regex:/^.+\.(jpg|png|gif)$/,
  54. regexText:"你只能选择jpg,png,gif格式的图片"
  55. });
  56. var win = new Ext.window.Window({
  57. title: "提交数据——登录",
  58. height: 200,
  59. width: 350,
  60. layout: "fit",
  61. items: [
  62. { xtype: "form", frame: true, layout: { type: "vbox", align: "center" },
    1. items: [txtUserName, txtUserPassword, file], buttons: [{ text: "登录",
    2. handler: login_click}], id: "loginFormPanel" }
    3. ]
    4. });
    5. win.show();
    6. });
    7. </script>
    8. </head>
    9. <body>
    10. </body>
    11. </html>
      1. using System;
      2. using System.Collections.Generic;
      3. using System.Linq;
      4. using System.Web;
      5. using System.Web.UI;
      6. using System.Web.UI.WebControls;
      7. public partial class Extjs1 : System.Web.UI.Page
      8. {
      9. protected void Page_Load(object sender, EventArgs e)
      10. {
      11. System.Threading.Thread.Sleep(3000);
      12. string name = Request.Form["txtUserName"];
      13. string password = Request.Form["txtUserPassword"];
      14. //.............................
      15. int pointIndex=Request.Files[0].FileName.LastIndexOf(".");
      16. string lastName=Request.Files[0].FileName.Substring(pointIndex);
      17. string fileName = new Random().Next(10000).ToString();
      18. string path = Server.MapPath("") + "/" + fileName + lastName;
      19. Request.Files[0].SaveAs(path);
      20. Response.Write("{success:true,msg:'成功',name:'"+name+"',password:'"+password+"',filecount:'"+Request.Files.Count+"'}");
      21. Response.End();
      22. }
      23. }

转: ASP.NET+ExtJs4.0+表单提交submit,上传图片到服务器的更多相关文章

  1. Jquery添加元素append及阻止表单提交submit

    HTML代码: <td><input name="duration[]" value="" type="text" /&g ...

  2. Asp&period;net Mvc post表单提交多个实体模型

    上一遍说道用Tuple实现Asp.net Mvc action返回多个模型实体给view,此篇发过来,实现view表单提交多个实体模型到action. 1.view代码: @{ Layout = nu ...

  3. ASP&period;NET MVC多表单提交

    多表单提交需要写清路径,以便主程序可以找到 方法一:直接写路径, action="~/Home/other1"   "~"表示从根目录开始 方法2:@using ...

  4. js实现表单提交submit&lpar;&rpar;,onsubmit

    通常表单的提交有两种方式,一是直接通过html的form提交,代码如下: <form action="" method="" id="forms ...

  5. Asp 循环输出 form 表单提交的数据

    亲测asp提交form表单数据,在接收页面循环输出数据 dim var for each var in request.form response.write var&"=&quot ...

  6. 表单提交时上传图片 表单ajax提交

    页面 <script type="text/javascript" src="js/jquery.form.js"></script>& ...

  7. 关于表单提交submit的兼容性问题。

    这里的form 表单 点击下载执行的函数名字是submit,这样不规范,submit是提交表单,函数名字不能取名叫submit,如果取名叫submit会在低版本的浏览器上无法识别,导致直接提交表单,无 ...

  8. java模拟from表单提交,上传图片

    /** * java上传表单,有图片 * @param urlStr 上传地址 * @param textMap 表单参数 * @param fileMap 文件参数 key:文件名称 value:文 ...

  9. ASP&period;NET MVC&sol;Core表单提交后台模型二级属性验证问题

    起因 这个是网友在官网论坛的提问:https://fineui.com/bbs/forum.php?mod=viewthread&tid=22237 重新问题 本着务实求真的态度,我们先来复现 ...

随机推荐

  1. DDN - Digital Data Network

    DDN(Digital Data Network,数字数据网)是一种利用光纤.数字微波或卫星等数字传输通道和数字交叉复用设备组成的数字数据传输网.它可以为用户提供各种速率的高质量数字专用电 数字数据网 ...

  2. oracle修改字符集

    在linux下面安装了oracle 11G,由于安装的时候没有注意导致字符集问题,impdp导入操作后中文乱码. 1.用命令select userenv('language') from dual; ...

  3. 【转载】之 破解 (【原创】Xenocode Postbuild 2009 加壳破解 (不断更新中&period;&period;&period;))

    声明 本文转载,感谢原作者dotNetSafe分享 [原创]Xenocode Postbuild 2009 加壳破解 (不断更新中...) http://bbs.pediy.com/showthrea ...

  4. Linux搭建Tomcat环境

    安装Tomcat 1)下载apache-tomcat-7.0.42.tar.gz        http://tomcat.apache.org/download-70.cgi 2)#tar -zxv ...

  5. 简单地总结几种常见web攻击手段及其防御方式

    web攻击手段有几种,本文简单介绍几种常见的攻击手段及其防御方式 XSS(跨站脚本攻击) CSRF(跨站请求伪造) SQL注入 DDOS XSS 概念 全称是跨站脚本攻击(Cross Site Scr ...

  6. WireX:Android智能手机组成的DDoS僵尸网络

    阿里聚安全小编曾多次报道了官方应用市场出现恶意软件的事件,让大家在下载APP的时候三思而后行. 最近多家安全公司组成的安全研究小组发现了一个新的.传播广泛的僵尸网络,它是由成千上万的Android智能 ...

  7. 我的第五个网页制作:pre、html转义、abbr标签的使用

    <!doctype html> <html> <head> <meta charset="utf-8"> <title> ...

  8. 不可思议的纯 CSS 实现鼠标跟随效果

    直接进入正题,鼠标跟随,顾名思义,就是元素会跟随着鼠标的移动而作出相应的运动.大概类似于这样: 通常而言,CSS 负责表现,JavaScript 负责行为.而鼠标跟随这种效果属于行为,要实现通常都需要 ...

  9. Vue 学习笔记 -- inline-template

    简书 更方便的使用私有子组件 定义一个私有子组件时,如果子组件的template过长会使得代码非常难以阅读 这时可以使用内联模版 但是如果写成这样 为毛用要子组件呢?

  10. python-面向对象&colon;类与类之间的关系和特殊成员

    # class Person: # def play(self, tools): # 通过参数的传递把另外一个类的对象传递进来 # tools.run() # print("很开心, 我能玩 ...