关于使用jquery.form.js上传文件同时提交表单的方法
2017-06-15 16:44
1411 查看
很久没有写webform了,最近在改一个很久很久以前的一个CMS系统,遇到上传文件同时提交表单的功能,由于不想对现有现目的代码结构作过多的改动,依然沿续使用Jquery来上传文件并提交表单。具体操作如下:
1.引入两个JS文件
2.HTML部分如下:
3.JS代码部分
(“#formDealer”).ajaxSubmit({
url: “/handlers/submit_handler.ashx?action=uploadShopPhoto”,
type: “post”,
dataType: “json”, //数据类型
data: {
txtMobile: txtMobile,
txtCode: txtCode,
txtPassword: txtPassword,
txtNickName: txtNickName,
txtArea: areaStr,
txtAddress: txtAddress,
txtRefereeMobile:(“#txtRefereeMobile”).val(),
areaId: areaId
},
success: function (data) {
//清空file控件里面的值
var file = $(“#btnfile”);
file.after(file.clone().val(“”));
file.remove();
}
});
4.后台 ashx C#代码
//获得输入框的值,进行添加操作
string address = DTRequest.GetString(“txtMobile”);
关于MVC中怎么实现,后续将更新。
另:付上DTRequest类的详细代码。如有问题,随时联系。
public class DTRequest
{
///
/// 判断当前页面是否接收到了Post请求
///
/// 是否接收到了Post请求
public static bool IsPost()
{
return HttpContext.Current.Request.HttpMethod.Equals(“POST”);
}
1.引入两个JS文件
2.HTML部分如下:
3.JS代码部分
(“#formDealer”).ajaxSubmit({
url: “/handlers/submit_handler.ashx?action=uploadShopPhoto”,
type: “post”,
dataType: “json”, //数据类型
data: {
txtMobile: txtMobile,
txtCode: txtCode,
txtPassword: txtPassword,
txtNickName: txtNickName,
txtArea: areaStr,
txtAddress: txtAddress,
txtRefereeMobile:(“#txtRefereeMobile”).val(),
areaId: areaId
},
success: function (data) {
//清空file控件里面的值
var file = $(“#btnfile”);
file.after(file.clone().val(“”));
file.remove();
}
});
4.后台 ashx C#代码
//获得输入框的值,进行添加操作
string address = DTRequest.GetString(“txtMobile”);
//获取上传的文件的对象 HttpPostedFile file = context.Request.Files["btnfile"]; //获取上传文件的名称 string fileName = file.FileName; //截取获得上传文件的名称(ie上传会把绝对路径也连带上,这里只得到文件的名称) string newFileName = fileName.Substring(fileName.LastIndexOf("\\") + 1); //给文件添加随机戳 string path = "/upload/" + DateTime.Now.ToString("yyyyMMddHHmmssff") + newFileName; //保存文件 file.SaveAs(context.Server.MapPath(path)); //TO DO add method
关于MVC中怎么实现,后续将更新。
另:付上DTRequest类的详细代码。如有问题,随时联系。
public class DTRequest
{
///
/// 判断当前页面是否接收到了Post请求
///
/// 是否接收到了Post请求
public static bool IsPost()
{
return HttpContext.Current.Request.HttpMethod.Equals(“POST”);
}
/// <summary> /// 判断当前页面是否接收到了Get请求 /// </summary> /// <returns>是否接收到了Get请求</returns> public static bool IsGet() { return HttpContext.Current.Request.HttpMethod.Equals("GET"); } /// <summary> /// 返回指定的服务器变量信息 /// </summary> /// <param name="strName">服务器变量名</param> /// <returns>服务器变量信息</returns> public static string GetServerString(string strName) { if (HttpContext.Current.Request.ServerVariables[strName] == null) return ""; return HttpContext.Current.Request.ServerVariables[strName].ToString(); } /// <summary> /// 返回上一个页面的地址 /// </summary> /// <returns>上一个页面的地址</returns> public static string GetUrlReferrer() { string retVal = null; try { retVal = HttpContext.Current.Request.UrlReferrer.ToString(); } catch{} if (retVal == null) return ""; return retVal; } /// <summary> /// 得到主机头 /// </summary> public static string GetHost() { return HttpContext.Current.Request.Url.Host; } /// <summary> /// 得到主机名 /// </summary> public static string GetDnsSafeHost() { return HttpContext.Current.Request.Url.DnsSafeHost; } /// <summary> /// 获取当前请求的原始 URL(URL 中域信息之后的部分,包括查询字符串(如果存在)) /// </summary> /// <returns>原始 URL</returns> public static string GetRawUrl() { return HttpContext.Current.Request.RawUrl; } /// <summary> /// 判断当前访问是否来自浏览器软件 /// </summary> /// <returns>当前访问是否来自浏览器软件</returns> public static bool IsBrowserGet() { string[] BrowserName = {"ie", "opera", "netscape", "mozilla", "konqueror", "firefox"}; string curBrowser = HttpContext.Current.Request.Browser.Type.ToLower(); for (int i = 0; i < BrowserName.Length; i++) { if (curBrowser.IndexOf(BrowserName[i]) >= 0) return true; } return false; } /// <summary> /// 判断是否来自搜索引擎链接 /// </summary> /// <returns>是否来自搜索引擎链接</returns> public static bool IsSearchEnginesGet() { if (HttpContext.Current.Request.UrlReferrer == null) return false; string[] SearchEngine = { "google", "yahoo", "msn", "baidu", "sogou", "sohu", "sina", "163", "lycos", "tom", "yisou", "iask", "soso", "gougou", "zhongsou" }; string tmpReferrer = HttpContext.Current.Request.UrlReferrer.ToString().ToLower(); for (int i = 0; i < SearchEngine.Length; i++) { if (tmpReferrer.IndexOf(SearchEngine[i]) >= 0) return true; } return false; } /// <summary> /// 获得当前完整Url地址 /// </summary> /// <returns>当前完整Url地址</returns> public static string GetUrl() { return HttpContext.Current.Request.Url.ToString(); } /// <summary> /// 获得指定Url参数的值 /// </summary> /// <param name="strName">Url参数</param> /// <returns>Url参数的值</returns> public static string GetQueryString(string strName) { return GetQueryString(strName, false); } /// <summary> /// 获得指定Url参数的值 /// </summary> /// <param name="strName">Url参数</param> /// <param name="sqlSafeCheck">是否进行SQL安全检查</param> /// <returns>Url参数的值</returns> public static string GetQueryString(string strName, bool sqlSafeCheck) { if (HttpContext.Current.Request.QueryString[strName] == null) return ""; if (sqlSafeCheck && !Utils.IsSafeSqlString(HttpContext.Current.Request.QueryString[strName])) return "unsafe string"; return HttpContext.Current.Request.QueryString[strName]; } /// <summary> /// 获得当前页面的名称 /// </summary> /// <returns>当前页面的名称</returns> public static string GetPageName() { string [] urlArr = HttpContext.Current.Request.Url.AbsolutePath.Split('/'); return urlArr[urlArr.Length - 1].ToLower(); } /// <summary> /// 返回表单或Url参数的总个数 /// </summary> /// <returns></returns> public static int GetParamCount() { return HttpContext.Current.Request.Form.Count + HttpContext.Current.Request.QueryString.Count; } /// <summary> /// 获得指定表单参数的值 /// </summary> /// <param name="strName">表单参数</param> /// <returns>表单参数的值</returns> public static string GetFormString(string strName) { return GetFormString(strName, false); } /// <summary> /// 获得指定表单参数的值 /// </summary> /// <param name="strName">表单参数</param> /// <param name="sqlSafeCheck">是否进行SQL安全检查</param> /// <returns>表单参数的值</returns> public static string GetFormString(string strName, bool sqlSafeCheck, HttpContext context = null) { if (context == null) { if (HttpContext.Current.Request.Form[strName] == null) return ""; if (sqlSafeCheck && !Utils.IsSafeSqlString(HttpContext.Current.Request.Form[strName])) return "unsafe string"; return HttpContext.Current.Request.Form[strName]; } else { if (context.Request.Form[strName] == null) return ""; if (sqlSafeCheck && !Utils.IsSafeSqlString(context.Request.Form[strName])) return "unsafe string"; return context.Request.Form[strName]; } } public static string GetFormString(HttpContext context,string strName) { return GetFormString(strName, false, context); } /// <summary> /// 获得Url或表单参数的值, 先判断Url参数是否为空字符串, 如为True则返回表单参数的值 /// </summary> /// <param name="strName">参数</param> /// <returns>Url或表单参数的值</returns> public static string GetString(string strName) { return GetString(strName, false); } /// <summary> /// 获得Url或表单参数的值, 先判断Url参数是否为空字符串, 如为True则返回表单参数的值 /// </summary> /// <param name="strName">参数</param> /// <param name="sqlSafeCheck">是否进行SQL安全检查</param> /// <returns>Url或表单参数的值</returns> public static string GetString(string strName, bool sqlSafeCheck) { if ("".Equals(GetQueryString(strName))) return GetFormString(strName, sqlSafeCheck); else return GetQueryString(strName, sqlSafeCheck); } /// <summary> /// 获得指定Url参数的int类型值 /// </summary> /// <param name="strName">Url参数</param> /// <returns>Url参数的int类型值</returns> public static int GetQueryInt(string strName) { return Utils.StrToInt(HttpContext.Current.Request.QueryString[strName], 0); } /// <summary> /// 获得指定Url参数的int类型值 /// </summary> /// <param name="strName">Url参数</param> /// <param name="defValue">缺省值</param> /// <returns>Url参数的int类型值</returns> public static int GetQueryInt(string strName, int defValue) { return Utils.StrToInt(HttpContext.Current.Request.QueryString[strName], defValue); } /// <summary> /// 获得指定Url参数的int类型值 /// </summary> /// <param name="context"></param> /// <param name="strName"></param> /// <param name="defValue"></param> /// <returns></returns> public static int GetQueryInt(HttpContext context,string strName, int defValue) { return Utils.StrToInt(context.Request.QueryString[strName], defValue); } /// <summary> /// 获得指定Url参数的int类型值 /// </summary> /// <param name="context"></param> /// <param name="strName"></param> /// <param name="defValue"></param> /// <returns></returns> public static int GetFormInt(HttpContext context, string strName, int defValue) { return Utils.StrToInt(context.Request.Form[strName], defValue); } /// <summary> /// 获得指定表单参数的int类型值 /// </summary> /// <param name="strName">表单参数</param> /// <returns>表单参数的int类型值</returns> public static int GetFormInt(string strName) { return GetFormInt(strName, 0); } /// <summary> /// 获得指定表单参数的int类型值 /// </summary> /// <param name="strName">表单参数</param> /// <param name="defValue">缺省值</param> /// <returns>表单参数的int类型值</returns> public static int GetFormInt(string strName, int defValue) { return Utils.StrToInt(HttpContext.Current.Request.Form[strName], defValue); } /// <summary> /// 获得指定Url或表单参数的int类型值, 先判断Url参数是否为缺省值, 如为True则返回表单参数的值 /// </summary> /// <param name="strName">Url或表单参数</param> /// <param name="defValue">缺省值</param> /// <returns>Url或表单参数的int类型值</returns> public static int GetInt(string strName, int defValue) { if (GetQueryInt(strName, defValue) == defValue) return GetFormInt(strName, defValue); else return GetQueryInt(strName, defValue); } /// <su 8cea mmary> /// 获得指定Url参数的decimal类型值 /// </summary> /// <param name="strName">Url参数</param> /// <param name="defValue">缺省值</param> /// <returns>Url参数的decimal类型值</returns> public static decimal GetQueryDecimal(string strName, decimal defValue) { return Utils.StrToDecimal(HttpContext.Current.Request.QueryString[strName], defValue); } /// <summary> /// 获得指定表单参数的decimal类型值 /// </summary> /// <param name="strName">表单参数</param> /// <param name="defValue">缺省值</param> /// <returns>表单参数的decimal类型值</returns> public static decimal GetFormDecimal(string strName, decimal defValue) { return Utils.StrToDecimal(HttpContext.Current.Request.Form[strName], defValue); } /// <summary> /// 获得指定Url参数的float类型值 /// </summary> /// <param name="strName">Url参数</param> /// <param name="defValue">缺省值</param> /// <returns>Url参数的int类型值</returns> public static float GetQueryFloat(string strName, float defValue) { return Utils.StrToFloat(HttpContext.Current.Request.QueryString[strName], defValue); } /// <summary> /// 获得指定表单参数的float类型值 /// </summary> /// <param name="strName">表单参数</param> /// <param name="defValue">缺省值</param> /// <returns>表单参数的float类型值</returns> public static float GetFormFloat(string strName, float defValue) { return Utils.StrToFloat(HttpContext.Current.Request.Form[strName], defValue); } /// <summary> /// 获得指定Url或表单参数的float类型值, 先判断Url参数是否为缺省值, 如为True则返回表单参数的值 /// </summary> /// <param name="strName">Url或表单参数</param> /// <param name="defValue">缺省值</param> /// <returns>Url或表单参数的int类型值</returns> public static float GetFloat(string strName, float defValue) { if (GetQueryFloat(strName, defValue) == defValue) return GetFormFloat(strName, defValue); else return GetQueryFloat(strName, defValue); } /// <summary> /// 获得当前页面客户端的IP /// </summary> /// <returns>当前页面客户端的IP</returns> public static string GetIP() { string result = HttpContext.Current.Request.ServerVariables["REMOTE_ADDR"]; if (string.IsNullOrEmpty(result)) result = HttpContext.Current.Request.ServerVariables["HTTP_X_FORWARDED_FOR"]; if (string.IsNullOrEmpty(result)) result = HttpContext.Current.Request.UserHostAddress; if (string.IsNullOrEmpty(result) || !Utils.IsIP(result)) return "127.0.0.1"; return result; } /// <summary> /// 获取本机IPD /// </summary> /// <returns></returns> public static string GetLocalIP() { try { string HostName = Dns.GetHostName(); //得到主机名 IPHostEntry IpEntry = Dns.GetHostEntry(HostName); for (int i = 0; i < IpEntry.AddressList.Length; i++) { //从IP地址列表中筛选出IPv4类型的IP地址 //AddressFamily.InterNetwork表示此IP为IPv4, //AddressFamily.InterNetworkV6表示此地址为IPv6类型 if (IpEntry.AddressList[i].AddressFamily == AddressFamily.InterNetwork) { return IpEntry.AddressList[i] + ""; } } return ""; } catch (Exception ex) { LogExt.WriteLog(ex, typeof(DTRequest)); return ""; } } }
相关文章推荐
- 【文件上传】使用jquery.form.js来实现表单提交
- Play FrameWork 使用jquery.form.js实现无刷新提交带文件的表单
- AJAX提交表单后要清空,否则再次提交原来的数据会认为重复提交,提交失败。使用ajaxSubmit 函数需要引入jquery.form.min.js 文件
- 使用jQuery.form插件实现表单异步提交+上传文件
- 【jQuery】Jquery.form.js实现表单异步提交以及文件上传(带进度条)
- jquery.form.js提交form表单 上传文件
- jquery的异步提交表单(异步上传文件)及jquery.form.js上传文件注意事项
- jQuery.form.js是一个form插件,支持ajax表单提交和ajax文件上传。
- 用jquery.form.js 实现ajax提交含有上传文件和普通字段的表单
- php使用jquery Form ajax 提交表单,并上传文件
- 关于使用jQuery-form.js上传文件的注意事项
- 关于jquery.form.js插件的无刷新上传文件使用的问题
- 表单包含file上传文件提交,使用ajaxSubmint或者ajaxForm 遇到的问题以及解决方法
- 使用FormData来提交表单同时上传文件到服务端
- 使用jQuery.form插件实现表单异步提交+上传文件
- js 禁止表单提交的方法(文件上传)
- [Ajax] 使用Ajax异步上传图片文件(非Form表单提交)
- js提交form表单 - input file 文件上传控制上传文件的大小和格式
- 用js将form表单同时提交到两个不同页面的方法
- CURL模拟表单post提交及相关常用参数的使用(包括提交表单同时上传文件)