实现web版用户注册(可以上传头像)
界面:
点击注册按钮后:
代码:
aspx中
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="zhuce.aspx.cs" Inherits="zhuce" %>
<!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 runat="server">
<title></title>
<style type="text/css">
.tb
{
border:1px double green;
margin:0 auto;
}
#touxiang
{
width: 269px;
}
#btnzc
{
width: 71px;
}
.style1
{
width: 259px;
}
</style>
<script language="javascript" type="text/javascript">
// <![CDATA[
function btnzc_onclick() {
}
function btnzc_onclick() {
}
// ]]>
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table class="tb">
<tr><td>用户名:</td><td class="style1">
<asp:TextBox ID="TextBox1" runat="server" Width="272px"></asp:TextBox>
</td></tr>
<tr><td>密码:</td><td class="style1">
<asp:TextBox ID="TextBox2" runat="server" Width="271px" TextMode="Password"></asp:TextBox>
</td></tr>
<tr><td>确认密码:</td><td class="style1">
<asp:TextBox ID="TextBox3" runat="server" Width="270px" TextMode="Password"></asp:TextBox>
</td></tr>
<tr><td>性别:</td><td class="style1"> <input type="radio" runat="server" id="rdb" name="sex" />男 <input type="radio" runat="server" id="rdg" name="sex" />女</td></tr>
<tr><td>头像:</td><td class="style1"><input type="file" runat="server" id="touxiang" /></td></tr>
<tr><td>
<asp:Button ID="Button1" runat="server" οnclick="Button1_Click1" Text="注册"
Width="70px" />
</td></tr>
</table>
<br /><br /><hr />
<div id="result" runat="server">
</div>
</div>
</form>
</body>
</html>
cs中
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Text;
using System.IO;
public partial class zhuce : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click1(object sender, EventArgs e)
{
StringBuilder sb = new StringBuilder();
sb.Append("用户名是:");
string YH = TextBox1.Text;
sb.Append(YH);
sb.Append("<br/>");
sb.Append("密码是:");
string MM1 = TextBox2.Text;
string MM2 = TextBox3.Text;
if (MM1 == MM2)
{
sb.Append(MM1);
}
else
{
TextBox3.Text = "两次输入密码不同请重新输入。";
}
sb.Append("<br/>");
sb.Append("性别为:");
if (rdb.Checked == true)
{
sb.Append("男");
}
else
{
sb.Append("女");
}
sb.Append("<br/>");
sb.Append("头像为:");
string Filename = this.touxiang/*这是input中file控件的id*/.PostedFile/*找到你选择上传的文件*/.FileName/*获取文件名*/;//此处是为了获取你选择的图片的文件名。
Filename = DateTime.Now.Ticks.ToString()/*获取当前时间*/ + Filename.Substring(Filename.LastIndexOf("."))/*获取你所选择的图片文件的扩展名*/;//从新给你选择的图片文件定义一个文件名。
string path = Server.MapPath("touxiang");
touxiang.PostedFile.SaveAs(path + @"\" + Filename);//将重新命名过的图片文件存入文件夹中
sb.Append("<img src=\"touxiang/" + Filename + "\"/>");
//result.InnerText= sb.ToString(); //使用InnerText的话<br/>等。。就使用不了了
result.InnerHtml = sb.ToString();
//File.Create("D:\\1111.txt");
//string[] aa={};
//for (int i = 0; i < Filename.Length; i++) {
// aa[i] = Filename[i].ToString();
//}
//File.WriteAllLines("D:\\1111.txt", aa);
}
}
转载于:https://www.cnblogs.com/gongth-12/archive/2012/10/08/2791660.html
实现web版用户注册(可以上传头像)相关推荐
- 头像上传html js版,点击上传头像预览
[javascript]代码库 HTML5上传图片预览 请选择图片文件:JPG/GIF $("#file0").change(function(){ var objUrl = ge ...
- Cocos Creator之H5版Web版上传头像
哈喽,大家好! 头段时间开发任务较重,而且一直跟女友约会,时间不太宽余,所以挺更了一段时间.还好最近有点小空,可以和大家讨论一下关于cocos上传头像的相关技术.那咱们废话也不多说了,直奔主题吧! w ...
- 基于elementUI+nodejs+mysql实现用户注册功能以及上传头像功能
主要使用elmentui的组件库,封装了上传组件,实现了上传时隐藏上传框,重置和删除时显示上传框(可以加点显示隐藏的动画),使用multer将上传的图片保存在服务器中,再将获取到的字段存入数据库 效果 ...
- 在项目中使用 Discuz!NT的上传头像功能
大概半年前,由于某个网站项目需要整合Discuz!NT,就粗略的用了一下.觉得里面的会员上传头像功能方便好用,而且支持摄像头,就把它的代码分离出来,以后用在需要的地方. 用过Discuz!NT的朋友会 ...
- SpringBoot-项目1-用户(注册,登录,修改密码,修改个人资料,上传头像)
1. 项目分析 在设计一款软件时,在编写代码之前,应该先分析这个项目中需要处理哪些类型的数据!例如,本项目中需要处理的数据种类有:收藏,购物车,用户,收货地址,订单,商品,商品类别. 当确定了需要处理 ...
- 上传头像,layui上传图片
layui上传与bootstrap上传相似,只是不需要下插件, layui自带的已够用 先看一下前台界面,这里是用到的上传头像 先点击开始上传,头像上传至服务器中, 返回json添加至form表单中, ...
- php拍视频上传,php视频拍照上传头像功能实现代码分享
现在手机拍照很火,那么如何使用手机拍照并上传头像呢?原因很简单,就是数据传递,首先手机传递照片信息,既不是post传递也不是get函数传递,这个另外一种数据 如果要在php中实现视频拍照我们需要借助于 ...
- Django搭建个人博客:上传头像图片
到目前为止我们的博客处理的都是文字.现代互联网早就进入了"读图"时代,图片的维护.展示也就相当重要. 上一章中预留了avatar字段,用来保存用户上传的头像,现在我们来实现这个功能 ...
- python 全栈开发,Day86(上传文件,上传头像,CBV,python读写Excel,虚拟环境virtualenv)
python 全栈开发,Day86(上传文件,上传头像,CBV,python读写Excel,虚拟环境virtualenv) 一.上传文件 上传一个图片 使用input type="file& ...
- 【web安全】——文件上传漏洞
作者名:白昼安全 主页面链接: 主页传送门 创作初心: 一切为了她 座右铭: 不要让时代的悲哀成为你的悲哀 专研方向: web安全,后渗透技术 每日emo:那种满的快要溢出来的喜欢,好像这辈子都不会有 ...
最新文章
- 如何将本地的项目加入git管理?
- 基于1.3.3版本tooltip的datagrid单元格tip实现
- 小程序之实现滚动加载
- 传递list对象作为参数_24.scala的隐式参数
- ITK:使用Viola Wells互信息执行多模式注册
- 阿里云云效技术专家:一文详解kubernetes下5种常见发布模式如何选择
- JS-随机生成的密码
- JS的条形码和二维码生成
- 【Python】Matplotlib在直方图中添加概率密度曲线和数学表达式
- 记杨绛先生的经典语句
- hadoop---Java 网络IO编程总结BIO、NIO、AIO
- 北京54坐标和经纬度坐标转换算法(C++)
- 中国生物医药产业集群产业战略布局及运营管理模式分析报告2021-2027年
- 锁定计算机的软件,易通电脑锁(控制上网时间必备软件)
- OCUI界面设计:导航控制器
- 信息系统项目管理师必背核心考点(十)信息系统规划
- 今日头条街拍图片下载
- 获取data-*属性值
- datastage 如何把db2的varchar列数据抽取到mysql的longtext列
- 微软一个罕为人知的无敌命令
热门文章
- 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_6-2.申请微信支付介绍和不同场景的支付方式...
- 阶段3 1.Mybatis_11.Mybatis的缓存_3 mybatis一对一实现延迟加载
- ubunt 文件permission denied问题的解决
- Vue指令(二)--数组的变动
- 很感谢你能来,不遗憾你离开(好文章)
- android驱动在win10系统上安装的心酸历程
- C# 处理应用程序减少内存占用
- GARFIELD@02-21-2005
- leetcode1037 有效的回旋镖(Java练习)
- LOJ 6409. 「ICPC World Finals 2018」熊猫保护区