mdbootstrap: open QR Code image by clicking a button

Hi,

I am using mdboostrap ([login to view URL]) and phpqrcode for my project. Using this code

<?php

include('phpqrcode/[login to view URL]');

$qrTempDir = '/tmp';

$filePath = $qrTempDir.'/'.uniqid();

QRcode::png('[login to view URL]' . $getID, $filePath, QR_ECLEVEL_H);

$qrImage = file_get_contents($filePath); ?>

<img src="data:image/png;base64,<?php echo base64_encode($qrImage) ?>" />

I am generating a QR Code and display the PNG File (with the QR Code). Now I want (using mdboostrap) to click a button and display the QR Code as PNG in a Lightbox.

MDBootstrap Javascript:

<script>

$(function () {

$("#mdb-lightbox-ui").load("mdb-addons/[login to view URL]");

});

</script>

To call an image (just a sample)

<figure class="col-md-4">

<a href="[login to view URL](117).jpg" data-size="1600x1067">

<img src="[login to view URL](117).jpg" class="img-fluid">

</a>

</figure>

HTML5 PHP MySQL JavaScript Bootstrap

ID Proiect: #24285177

Detalii despre proiect