Download QRCode

[cloudwalker78]

Hi,

I generated a QR Code with the pe:qrCode tag.

How can I implement a download function for the generated code now?
I would like to download the code by clicking a button.
I can't find a solution for this.

Hope s.o can help me with this.

Thanks.

[sudheer]

I hope you can do this functionality.You can get the canvas URL(with the help of toDataURL) from the QR code component.Then you can convert this URL to PNG file in the server side.Once you got the png file then you can apply the fileDownload component to download the image.

[cloudwalker78]

I hope you can do this functionality.You can get the canvas URL(with the help of toDataURL) from the QR code component.Then you can convert this URL to PNG file in the server side.Once you got the png file then you can apply the fileDownload component to download the image.

Thanks, that solution worked !
Now I get the canvas URL with javascript toDataURL() as base64 data:image and send that to the server.
Ther server decodes the base64 string and generates the png InputStream and StreamedContent needed for the filedownload component.

Works perfectly. Thanks.

[sudheer]

I hope you can do this functionality.You can get the canvas URL(with the help of toDataURL) from the QR code component.Then you can convert this URL to PNG file in the server side.Once you got the png file then you can apply the fileDownload component to download the image.

Thanks, that solution worked !
Now I get the canvas URL with javascript toDataURL() as base64 data:image and send that to the server.
Ther server decodes the base64 string and generates the png InputStream and StreamedContent needed for the filedownload component.

Works perfectly. Thanks.

Glad to hear it works

[andissul]

I hope you can do this functionality.You can get the canvas URL(with the help of toDataURL) from the QR code component.Then you can convert this URL to PNG file in the server side.Once you got the png file then you can apply the fileDownload component to download the image.

can anyone post an example of this?

[andissul]

Can anyone post an example to get a url of pe:qrCode?