Objective-C Requires Chilkat v11.7.0+

Embed a QR Code in HTML as a Data URI

See more QR Code Examples

Demonstrates putting a QR code directly into an HTML page or HTML email with no separate image file. The base64 PNG returned by QrCode becomes the src of an img tag as a data URI, which is the MIME type from outputs[0].mimeType followed by the base64 from outputs[0].base64. Objective-C

#import <CkoJsonObject.h>
#import <CkoFormats.h>
#import <CkoStringBuilder.h>

BOOL success = NO;

//  This example requires the Chilkat API to have been previously unlocked.
//  See Global Unlock Sample for sample code.

CkoJsonObject *json = [[CkoJsonObject alloc] init];
[json UpdateString: @"payload.text" value: @"https://www.chilkatsoft.com/"];
[json UpdateInt: @"render.moduleSize" value: [NSNumber numberWithInt: 5]];

CkoFormats *fmt = [[CkoFormats alloc] init];
CkoJsonObject *jsonOut = [[CkoJsonObject alloc] init];
success = [fmt QrCode: @"generate" jsonIn: json jsonOut: jsonOut];
if (success == NO) {
    NSLog(@"%@",fmt.LastErrorText);
    return;
}

//  A data URI has the form  data:<MIME type>;base64,<base64 data>
CkoStringBuilder *sbHtml = [[CkoStringBuilder alloc] init];
[sbHtml Append: @"<html><body><p>Scan to visit chilkatsoft.com</p><img alt=\"QR code\" width=\""];
[sbHtml AppendInt: [jsonOut IntOf: @"outputs[0].width"]];
[sbHtml Append: @"\" height=\""];
[sbHtml AppendInt: [jsonOut IntOf: @"outputs[0].height"]];
[sbHtml Append: @"\" src=\"data:"];
[sbHtml Append: [jsonOut StringOf: @"outputs[0].mimeType"]];
[sbHtml Append: @";base64,"];
[sbHtml Append: [jsonOut StringOf: @"outputs[0].base64"]];
[sbHtml Append: @"\"></body></html>"];

success = [sbHtml WriteFile: @"qa_output/qr_page.html" charset: @"utf-8" emitBom: NO];
if (success == NO) {
    NSLog(@"%@",sbHtml.LastErrorText);
    return;
}

NSLog(@"%@%d%@%d%@",@"image: ",[[jsonOut IntOf: @"outputs[0].width"] intValue],@" x ",[[jsonOut IntOf: @"outputs[0].height"] intValue],@" pixels");
NSLog(@"%@%d",@"HTML length: ",[sbHtml.Length intValue]);

//  The page, as a browser shows it:

//  

//  Sample output:

//  image: 185 x 185 pixels
//  HTML length: 1211