对于学习ASP.NET的人,留言板再熟悉不过了。但是仅仅是文字留言功能,你是否觉得厌烦了呢?你是否渴望像QQ聊天那样,时不时地加上个表情来张扬个性?那么下面要说的就是如何实现。 一般说来,使用TextBox文本框来接收留言信息,但是TextBox只能写入文本,不能够加入图片,这可怎么办?那好,这个问题先放一放,说点其他的。如果你是个细心的人,并且经常浏览优酷网,那么你是否还记得优酷网留言时的效果呢? 请看下面的图并且注意:我点击了第一个图片“赞”,留言板中却是“[01]”。很显然,它是用[01]代表图片“赞”,有了这个例子,思路也就清晰了,01是图片的名字,"[" 和"]"起到标示图片的作用。输出时,前一个"["用"
"代替,即:
。这样,使用Response.Write()输出时,就变成了图片了。 好了,现在开始代码的编写工作。首先,搜集一些表情图片,用QQ表情就行,在软件安装目录Program Files\Tencent\QQ\Face2 下,拷贝出来就行了。在网站上新建一个Image文件夹用来存放图片。拖放一个TextBox,一个Button按钮,若干ImageButton控件。 view plaincopy to clipboardprint? using System; using System.Data; using System.Configuration; using System.Web; using System.Web.Security; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.WebControls.WebParts; using System.Web.UI.HtmlControls; public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { } //发表留言 protected void Button1_Click2(object sender, EventArgs e) { string strContent = TextBox1.Text; //下面使用了正则表达式Regex类下的Replace方法。 string strResult1 = Regex.Replace(strContent, @"{!", "
"); Response.Write(strResult2.ToString()); }protected void ImageButton1_Click(object sender, ImageClickEventArgs e) { TextBox1.Text += "{!01!}"; //01是图片的名称, } protected void ImageButton2_Click(object sender, ImageClickEventArgs e) { TextBox1.Text += "{!02!}"; } protected void ImageButton3_Click(object sender, ImageClickEventArgs e) { TextBox1.Text += "{!03!}"; }protected void ImageButton4_Click(object sender, ImageClickEventArgs e) { TextBox1.Text += "{!04!}"; } protected void ImageButton5_Click(object sender, ImageClickEventArgs e) { TextBox1.Text += "{!05!}"; } protected void ImageButton6_Click(object sender, ImageClickEventArgs e) { TextBox1.Text += "{!06!}"; } protected void ImageButton7_Click(object sender, ImageClickEventArgs e) { TextBox1.Text += "{!07!}"; } protected void ImageButton8_Click(object sender, ImageClickEventArgs e) { TextBox1.Text += "{!08!}"; } protected void ImageButton9_Click(object sender, ImageClickEventArgs e) { TextBox1.Text += "{!09!}"; } protected void ImageButton10_Click(object sender, ImageClickEventArgs e) { TextBox1.Text += "{!10!}"; }}