Barcode Professional for ASP.NET使用教程：HTML页面显示条码

Posted on 2015-11-06 12:40  Rforyou  阅读(1511)  评论(0)  编辑  收藏  举报

有时候我们需要在HTML页面上显示条码。今天给大家分享在Barcode Professional中，如何将在HTML上显示条码。

步骤：

  • 打开.NET开发工具，如 Visual Studio .NET 。创建一个新的ASP.NET Web应用
  • 为了HTML页面上能正显示条码，我们需要创建一个ASP.NET WebForm 和 HTTP Handler。
  • 添加引用到Barcode Professional
  • 在BarcodeGen.aspx's 的代码文件里，添加下面的空间命名引用

VB

Imports Neodynamic.WebControls.BarcodeProfessional

 

C#

using Neodynamic.WebControls.BarcodeProfessional;

 

  • BarcodeGen.aspx 页面将通过字符串查询收到编码的参数，在Page_Load 事件中，可以用Barcode Professional 来生成条码，可参考下面的代码:

VB

Dim bcp As New BarcodeProfessional
bcp.Code = Request.QueryString("code")
bcp.Symbology = Symbology.Code128
Dim barcodeImage As Byte() = bcp.GetBarcodeImage(System.Drawing.Imaging.ImageFormat.Gif)
If (barcodeImage Is Nothing) Then
Response.End()
Else
Response.Clear()
Response.ContentType = "image/gif"
Response.BinaryWrite(barcodeImage)
Response.End()
End If

 

C#

BarcodeProfessional bcp = new BarcodeProfessional();
bcp.Code = Request.QueryString["code"];
bcp.Symbology = Symbology.Code128;
byte[] barcodeImage = bcp.GetBarcodeImage(System.Drawing.Imaging.ImageFormat.Gif);
if(barcodeImage == null)
Response.End();
else
{
Response.Clear();
Response.ContentType = "image/gif";
Response.BinaryWrite(barcodeImage);
Response.End();
}

 

  • 添加一个HTML页面，可命名BarcodeTest.htm，在这个页面里有脚本代码可以用来添加动态条码。参考代码：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Barcode Professional in a HTML Page</title>
<script type="text/javascript">
function ChangeBarcode(code)
{
var elem = document.getElementById("imgBarcode");
if(elem!=null)
elem.src="BarcodeGen.aspx?code="+code;
}
</script>
</head>
<body>
<P>
<FONT face="Arial"><b>Barcode Professional in a HTML page</b></FONT>
</P>
<P>
<IMG id="imgBarcode" alt="" src="BarcodeGen.aspx?code=12300445">
</P>
<P>
<FONT face="Arial" size="2">Enter a value to encode:</FONT><BR>
<INPUT id="Text1" type="text" name="Text1">
<INPUT id="Button1" type="button" value="View Barcode" name="Button1"
onclick="ChangeBarcode(Text1.value)">
</P>
</body>
</html>
  • 就这样建立了 ASP.NET Web 应用，打开BarcodeTest.htm ，输入代码，单击“查看条码”按钮，可查看生成的条码。
Barcode
原文译自barcode