How to read the content of QR code in Image control

Like (0) Share

Report

Posted on 13 Jun 2023 04:01:25 by RickMa

Hi All,

I have an image control in Apps which is loaded with user's selected picture of QR code from photo library. It is required to read the content of this QR code image in Apps after user's selection and save the result to a text box. Does anyone have experience in such scenario and appreciated your guidance.

All responses (4)

Answers (0)

Stinow 13 on 14 Dec 2023 at 04:47:01

Like (0)

Report

Re: How to read the content of QR code in Image control

For now I would try to use a QRcode API to do so. So an API that accepts an image file as input and returns a URL.

You could create that as a custom connector for example that points to that specific API. Another route would be, if you would like to use your own code for it, to embed the code in a custom connector. It would look a bit like this GPT chat:

https://chat.openai.com/share/49e0e6af-865c-481b-a3ac-e6ab523150e9

But still, let's keep the fingers crossed for an Image property on the reader ;).
VK2 29 on 21 Nov 2023 at 20:27:45

Like (0)

Report

Re: How to read the content of QR code in Image control

Any update on this issue?
RickMa 29 on 13 Jun 2023 at 05:49:03

Like (0)

Report

Re: How to read the content of QR code in Image control

Thank you for quick turn around. I have question about the Barcode Scanner in Media. Currently, there is only Barcode Reader in Power Apps studio which does not have Image property mentioned in your guidance. Could you please specify a little detail about it?

BarcodeReader.PNG
Shaheer Ahmad 2,194 Super User 2025 Season 1 on 13 Jun 2023 at 04:08:52

Like (0)

Report
Re: How to read the content of QR code in Image control

In Power Apps, you can use the QR code scanning capability provided by the Power Apps Barcode Scanner control to read the content of a QR code from an image control. Here's how you can achieve this:
Add a Barcode Scanner control: Go to the Insert tab in Power Apps Studio, click on "Media," and select "Barcode scanner" from the list. This will add the Barcode Scanner control to your screen.
Set the Image property of the Barcode Scanner control: Set the Image property of the Barcode Scanner control to the Image property of your image control. This will ensure that the Barcode Scanner control scans the image displayed in the image control.
Handle the OnScan property of the Barcode Scanner control: Double-click on the Barcode Scanner control to open its properties. In the formula bar, enter the following formula

Set(ResultTextBox.Text, BarcodeScanner1.Value)

Replace ResultTextBox with the name of your text box control where you want to display the QR code content. Replace BarcodeScanner1 with the name of your Barcode Scanner control if it's different.
This formula sets the text property of the specified text box control to the value of the Barcode Scanner control when a QR code is successfully scanned.
Display the result in a text box: Add a text box control to your screen, and set its Text property to ResultTextBox.Text. This will display the content of the QR code that was scanned.
Test the app: Run the app and select an image with a QR code in the image control. The Barcode Scanner control will scan the QR code, and the result will be displayed in the text box.
By following these steps, you can read the content of a QR code from an image control in Power Apps and display it in a text box.