Server IP : 162.240.98.243 / Your IP : 18.218.97.75 Web Server : Apache System : Linux server.bti.yaw.mybluehostin.me 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : btiyawmy ( 1003) PHP Version : 7.2.34 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /home/btiyawmy/www/login.easenup.in/ |
Upload File : |
<!DOCTYPE html> <html> <head> <!-- Include Bootstrap for styling --> <link rel="stylesheet" href= "https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css" /> <style> .qr-code { max-width: 200px; margin: 10px; } </style> <title>QR Code Generator</title> </head> <body> <div class="container-fluid"> <div class="text-center"> <!-- Get a Placeholder image initially, this will change according to the data entered later --> <img src= "https://chart.googleapis.com/chart?cht=qr&chl=Hello+World&chs=160x160&chld=L|0" class="qr-code img-thumbnail img-responsive" /> </div> <div class="form-horizontal"> <div class="form-group"> <label class="control-label col-sm-2" for="content"> Content: </label> <div class="col-sm-10"> <!-- Input box to enter the required data --> <input type="text" size="600" maxlength="600" class="form-control" id="content" placeholder="Enter content" /> </div> </div> <div class="form-group"> <div class="col-sm-offset-2 col-sm-10"> <!-- Button to generate QR Code for the entered data --> <button type="button" class= "btn btn-default" id="generate"> Generate </button> </div> </div> </div> </div> <script src= "https://code.jquery.com/jquery-3.5.1.js"> </script> <script> // Function to HTML encode the text // This creates a new hidden element, // inserts the given text into it // and outputs it out as HTML function htmlEncode(value) { return $('<div/>').text(value) .html(); } $(function () { // Specify an onclick function // for the generate button $('#generate').click(function () { // Generate the link that would be // used to generate the QR Code // with the given data let finalURL = 'https://chart.googleapis.com/chart?cht=qr&chl=' + htmlEncode($('#content').val()) + '&chs=160x160&chld=L|0' // Replace the src of the image with // the QR code image $('.qr-code').attr('src', finalURL); }); }); </script> </body> </html>