您的位置：首页 > 编程技术 > ASP.NET  >  ASPX向ASCX传值以及文本创建图片(附源码)

ASPX向ASCX传值以及文本创建图片(附源码)

 更新时间：2021年9月22日 10:16  点击：1950
网页ASPX有一个TextBox，另一个ASCX有一个ImageButton，用户点一点这个铵钮，把用户在TextBox输入的文字创建为一个图片，ASCX的ImageButton的ImageUrl重新指向这刚产生的图片。

为了传值，写一个接口，返回aspx的TextBox函数：
复制代码 代码如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI.WebControls;
/// <summary>
/// Summary description for Itransmitable
/// </summary>
namespace Insus.NET
{
public interface Itransmitable
{
TextBox GetTextBoxControl();
}
}

A.aspx.cs，并实现接口。
复制代码 代码如下:

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using Insus.NET;
public partial class A : System.Web.UI.Page,Itransmitable
{
protected void Page_Load(object sender, EventArgs e)
{
}
public TextBox GetTextBoxControl()
{
return this.tbHid;
}
}

A.aspx，把用户控件B.ascx接入页面。
复制代码 代码如下:

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="A.aspx.cs" Inherits="A" %>
<%@ Register src="B.ascx" tagname="B" tagprefix="uc1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:TextBox ID="tbHid" runat="server" />
<uc1:B ID="B1" runat="server" />
</div>
</form>
</body>
</html>

B.ascx:
复制代码 代码如下:

<%@ Control Language="C#" AutoEventWireup="true" CodeFile="B.ascx.cs" Inherits="B" %>
<asp:ImageButton runat="server" ID="imgBmp" OnClick="imgBmp_Click" BorderWidth="1" />

B.ascx.cs:
复制代码 代码如下:

using System;
using System.Collections.Generic;
using System.Drawing;
using System.Drawing.Drawing2D;
using System.Drawing.Imaging;
using System.Drawing.Text;
using System.IO;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using Insus.NET;
public partial class B : System.Web.UI.UserControl
{
protected void Page_Load(object sender, EventArgs e)
{
this.imgBmp.ImageUrl = GetImagePath("Insus.NET"); //默认值。
}
protected void imgBmp_Click(object sender, ImageClickEventArgs e)
{
Itransmitable textbox = (Itransmitable)this.Page; //把page转换为接口。
this.imgBmp.ImageUrl = GetImagePath(textbox.GetTextBoxControl().Text.Trim());
}
//创建图片
private string GetImagePath(string _text)
{
Bitmap bitmap = new Bitmap(1, 1);
Font font = new Font("Arial", 25, FontStyle.Regular, GraphicsUnit.Pixel);
Graphics graphics = Graphics.FromImage(bitmap);
int width = (int)graphics.MeasureString(_text, font).Width;
int height = (int)graphics.MeasureString(_text, font).Height;
bitmap = new Bitmap(bitmap, new Size(width, height));
graphics = Graphics.FromImage(bitmap);
graphics.Clear(Color.White);
graphics.SmoothingMode = SmoothingMode.AntiAlias;
graphics.TextRenderingHint = TextRenderingHint.AntiAlias;
graphics.DrawString(_text, font, new SolidBrush(Color.FromArgb(0, 0, 0)), 0, 0);
graphics.Flush();
graphics.Dispose();
string fileName = Path.GetFileNameWithoutExtension(Path.GetRandomFileName()) + ".jpg";
bitmap.Save(Server.MapPath("~/ImageLib/") + fileName, ImageFormat.Jpeg);
return "~/ImageLib/" + fileName;
}
}

运行效果：
 
Demo code download(.NET 4.5)
[!--infotagslink--]

相关文章

  • 微信小程序 页面传值详解

    这篇文章主要介绍了微信小程序 页面传值详解的相关资料,需要的朋友可以参考下...2017-03-13

  • Vue父子组件传值的一些坑

    这篇文章主要介绍了Vue父子组件传值的一些坑，帮助大家更好的理解和使用vue父子组件，感兴趣的朋友可以了解下...2020-09-16

  • C#窗体间常用的几种传值方式及委托与事件详解

    这篇文章主要给大家介绍了关于C#窗体间常用的几种传值方式及委托与事件的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用小程序具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧...2020-06-25

  • C# WPF 通过委托实现多窗口间的传值的方法

    这篇文章主要介绍了C# WPF 通过委托实现多窗口间的传值的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧...2020-06-25

  • 关于antd tree和父子组件之间的传值问题(react 总结)

    这篇文章主要介绍了关于antd tree 和父子组件之间的传值问题，是小编给大家总结的一些react知识点，本文通过一个项目需求实例代码详解给大家介绍的非常详细，需要的朋友可以参考下...2021-06-02

  • 浅谈Vue3 父子传值

    这篇文章主要介绍了基于Vue中的父子传值问题解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-10-14

  • Vue组件传值过程中丢失数据的分析与解决方案

    这篇文章主要给大家介绍了关于Vue组件传值过程中丢失数据的分析与解决方案，文中通过图文介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-03-17

  • 清除aspx页面缓存的程序实现方法

    这篇文章主要介绍了清除aspx页面缓存的程序实现方法,非常实用,需要的朋友可以参考下...2020-06-25

  • ASP.NET 页面传值常用方法总结

    ASP.NET 页面传值的方式有很多，本文整理了一些比较常用方法，大家可以根据自己需求自由选择...2021-09-22

  • 用户控件(ASCX)向网页(ASPX)传值使用反射实现

    用户控件向网页传递值，网上的方法有很多，本文尝试一下使用反射来实现，感兴趣的朋友可以参考下哈，希望可以帮助到你...2021-09-22

  • 微信小程序页面间传值的实现方法示例

    这篇文章主要给大家介绍了关于微信小程序页面间传值的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧...2021-04-09

  • 解决java main函数中的args数组传值问题

    这篇文章主要介绍了解决java main函数中的args数组传值问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧...2021-02-21

  • .NET中利用js让子窗体向父页面传值的实现方法

    .NET中利用js让子窗体向父页面传值的实现方法，需要的朋友可以参考一下...2021-09-22

  • Angular+Ionic使用queryParams实现跳转页传值的方法

    这篇文章主要介绍了Angular+Ionic使用queryParams实现跳转页传值的方法，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-09-05

  • C语言中传值与传指针的介绍与区别

    这篇文章主要给大家介绍了关于C语言中传值与传指针的相关资料，文中通过示例代码介绍的非常详细，对大家学习或者使用C语言具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧...2020-04-25

  • ASP.NET通过更改Url进行页面传值的实现代码

    这篇文章主要介绍了ASP.NET通过更改Url进行页面传值的实现代码，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-09-22

  • Vue两个同级组件传值实现

    Vue组件之间是有联系的，避免不了组件之间要互相传值，那么如何实现Vue两个同级组件传值，本文就来介绍一下，感兴趣的可以了解一下...2021-07-16

  • jquery利用json实现页面之间传值的实例解析

    本文主要介绍了jquery利用json实现页面之间传值的方法，具有很好的参考价值，需要的朋友可以看下...2017-01-09

  • aspx是什么格式 ASPX文件怎么打开

    ASPX文件是一种Web文件，它是网站的网页源文件，里面全是代码。这种文件是由微软的ASP.NET语言开发出来的...2021-09-22

  • 在aspx页面引用html页的写法

    许多页面的底部或头部内容都是一样的，这样的话我们可以直接建立一个html页面将头部或底部的代码放到html页中...2021-09-22