ASP.NET MVC中的QR代码生成

时间:2010-09-25 12:30:37

标签: .net asp.net-mvc computer-vision barcode qr-code

是否有生成QR Codes的.NET API,例如这个?

Meagre human needs a phone to read QR codes.  Ha ha ha.

我想在我希望用户打印的页面上显示这些内容。

7 个答案:

答案 0 :(得分:54)

我编写了一个基本的HTML帮助方法来发出正确的<img>标记,以利用Google的API。因此,在您的页面上(假设ASPX视图引擎)使用以下内容:

<%: Html.QRCodeImage(Request.Url.AbsolutePath) %>
<%: Html.QRCodeImage("Meagre human needs a phone to read QR codes. Ha ha ha.") %>

或者,如果要指定像素大小(图像始终为方形):

<%: Html.QRCodeImage(Request.Url.AbsolutePath, size: 92) %>

以下是代码:

public static class QRCodeHtmlHelper
{
    /// <summary>
    /// Produces the markup for an image element that displays a QR Code image, as provided by Google's chart API.
    /// </summary>
    /// <param name="htmlHelper"></param>
    /// <param name="data">The data to be encoded, as a string.</param>
    /// <param name="size">The square length of the resulting image, in pixels.</param>
    /// <param name="margin">The width of the border that surrounds the image, measured in rows (not pixels).</param>
    /// <param name="errorCorrectionLevel">The amount of error correction to build into the image.  Higher error correction comes at the expense of reduced space for data.</param>
    /// <param name="htmlAttributes">Optional HTML attributes to include on the image element.</param>
    /// <returns></returns>
    public static MvcHtmlString QRCode(this HtmlHelper htmlHelper, string data, int size = 80, int margin = 4, QRCodeErrorCorrectionLevel errorCorrectionLevel = QRCodeErrorCorrectionLevel.Low, object htmlAttributes = null)
    {
        if (data == null)
            throw new ArgumentNullException("data");
        if (size < 1)
            throw new ArgumentOutOfRangeException("size", size, "Must be greater than zero.");
        if (margin < 0)
            throw new ArgumentOutOfRangeException("margin", margin, "Must be greater than or equal to zero.");
        if (!Enum.IsDefined(typeof(QRCodeErrorCorrectionLevel), errorCorrectionLevel))
            throw new InvalidEnumArgumentException("errorCorrectionLevel", (int)errorCorrectionLevel, typeof (QRCodeErrorCorrectionLevel));

        var url = string.Format("http://chart.apis.google.com/chart?cht=qr&chld={2}|{3}&chs={0}x{0}&chl={1}", size, HttpUtility.UrlEncode(data), errorCorrectionLevel.ToString()[0], margin);

        var tag = new TagBuilder("img");
        if (htmlAttributes != null)
            tag.MergeAttributes(new RouteValueDictionary(htmlAttributes));
        tag.Attributes.Add("src", url);
        tag.Attributes.Add("width", size.ToString());
        tag.Attributes.Add("height", size.ToString());

        return new MvcHtmlString(tag.ToString(TagRenderMode.SelfClosing));
    }
}

public enum QRCodeErrorCorrectionLevel
{
    /// <summary>Recovers from up to 7% erroneous data.</summary>
    Low,
    /// <summary>Recovers from up to 15% erroneous data.</summary>
    Medium,
    /// <summary>Recovers from up to 25% erroneous data.</summary>
    QuiteGood,
    /// <summary>Recovers from up to 30% erroneous data.</summary>
    High
}

答案 1 :(得分:28)

一种选择是Google Chart Server API使用like this

例如,这是这个页面的二维码...

无需代码:)

答案 2 :(得分:7)

答案 3 :(得分:5)

您可能还会考虑“代码项目上的开源QRCode库”

http://www.codeproject.com/KB/cs/qrcode.aspx

答案 4 :(得分:4)

还有一个可用的Nuget包 - QRCodeHelper基于Codeplex QRCode Helper项目。

答案 5 :(得分:3)

答案 6 :(得分:0)