精品欧美在线,日韩在线直播,日韩成人三级在线观看

Barcode Professional for ASP.NET使用教程：HTML頁面顯示條碼

原創|使用教程|編輯：龔雪|2015-11-05 17:32:27.000|閱讀 745 次

概述：本教程是關于在Barcode Professional中，如何讓條碼顯示在HTML頁面上，文中以C#和VB代碼為例。

# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>

相關鏈接：

有時候我們需要在HTML頁面上顯示條碼。今天給大家分享在Barcode Professional中，如何將在HTML上顯示條碼。

【Barcode Professional for ASP.NET下載】

步驟：

打開.NET開發工具，如 Visual Studio .NET 。創建一個新的ASP.NET Web應用
為了HTML頁面上能正顯示條碼，我們需要創建一個ASP.NET WebForm 和 HTTP Handler。
添加引用到Barcode Professional
在BarcodeGen.aspx's 的代碼文件里，添加下面的空間命名引用

Imports Neodynamic.WebControls.BarcodeProfessional

using Neodynamic.WebControls.BarcodeProfessional;

BarcodeGen.aspx 頁面將通過字符串查詢收到編碼的參數，在Page_Load 事件中，可以用Barcode Professional 來生成條碼，可參考下面的代碼:

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

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>