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

浏览数：33 / 时间：2015年06月09日

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

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