Latest ads

Electronics
Vehicles
Property
Search

QR Code එක scan කරාම photo පෙන්නන්න ඕනි

Avatar998

Avatar998

Well-known member
  • Dec 16, 2014
    5,888
    5,075
    113
    Pandora
    Photos වගයක් තියෙනවා. මේ ටික පෙන්නන විදියට හදාගන්න ඕනි QR Code එක scan කරාම. Website එකක් හදන්නේ නැතුව කොහොමද වැඩේ කරන්නේ?
     
    Al Baik

    Al Baik

    Well-known member
  • Jan 5, 2011
    15,161
    12,145
    113
    Ohio, USA
    qfWPxQU.png
     
    • Like
    Reactions: Avatar998
    B.Chat

    B.Chat

    Well-known member
  • Jun 28, 2021
    10,330
    20,910
    113
    Robinhood wage ekek said:


    Powerpoint එකෙන් පුලුවන් වැඩේ.. ටෝටලි ෆ්‍රී.. එක්ස්පයර් ඩේට් එකක් නෑ කෝඩ් එකට..
    කෝඩ් එක ඉමේජ් එකක් වගේ ඩවුන්ලෝඩ් කරගන්නත් පුලුවන්
    Click to expand...

    Purchase කරලා තියෙන්න ඕන නේ ද? Crack ඒවට වැඩ නැතුව ඇති.
     
    W

    wissnshaftler

    Well-known member
  • Dec 13, 2023
    6,794
    11,157
    113
    Imgbb එක්ට අප්ලෝඩ් කොරලා කිද් ආර් එක හදලා දාප්ඩ් ඒ යූ ආ එල් එකට


    ඒම නැත්තන් වීබ්ලි වගේ එකක ෆ්‍රී වර්සන් එක යූස් කොරලා ඒකෙන් දාපං 2014 වගෙ ගැහුව එකක් අදටත් හැරිලවත් බලන්නෙ නැතුව වැඩ
     
    Gingy

    Gingy

    Well-known member
  • Oct 23, 2023
    6,874
    12,896
    113
    ඔබට QR කේතයක් භාවිතයෙන් ඡායාරූප පෙන්වීමට සරල HTML පිටුවක් සාදාගත හැකියි. මෙය host කිරීමට website එකක් අවශ්‍ය නැති අතර, ඔබට පහසුවෙන් ඔබේ දුරකථනයේ හෝ පරිගණකයේ ගබඩා කර තබාගත හැකියි.



    ```html
    <!DOCTYPE html>
    <html lang="si">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ඡායාරූප ගැලරිය</title>
    <style>
    body {
    font-family: Arial, sans-serif;
    margin: 20px;
    background-color: #f0f0f0;
    }
    .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
    }
    .image-container {
    background: white;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    }
    h1 {
    text-align: center;
    color: #333;
    }
    </style>
    </head>
    <body>
    <h1>මගේ ඡායාරූප ගැලරිය</h1>
    <div class="gallery">
    <div class="image-container">
    <img src="/api/placeholder/400/300" alt="ඡායාරූපය 1">
    </div>
    <div class="image-container">
    <img src="/api/placeholder/400/300" alt="ඡායාරූපය 2">
    </div>
    <div class="image-container">
    <img src="/api/placeholder/400/300" alt="ඡායාරූපය 3">
    </div>
    </div>
    </body>
    </html>

    ```

    මෙය භාවිතා කිරීමට:

    1. ඉහත කේතය `.html` ගොනුවක් ලෙස සුරකින්න (උදා: `gallery.html`)
    2. `<img src="...">` ස්ථානවල ඔබේ ඡායාරූප වල පිහිටීම් ඇතුළත් කරන්න. ඔබට මෙය කළ හැක්කේ:
    - ඡායාරූප සඳහා සම්පූර්ණ මාර්ග ඇතුළත් කිරීමෙන් (උදා: `src="images/photo1.jpg"`)
    - නැතහොත් base64 කේතයක් ලෙස ඡායාරූප එකතු කිරීමෙන්

    මෙම HTML ගොනුව ඔබේ දුරකථනයේ හෝ පරිගණකයේ ගබඩා කර, QR කේතයක් මගින් එයට සම්බන්ධ විය හැකිය. ඔබට අවශ්‍ය නම් ඡායාරූප වැඩි ගණනක් එකතු කිරීමට හෝ පිටුවේ පෙනුම වෙනස් කිරීමට මම උදව් කළ හැකියි.

    ඔබට මෙය පරීක්ෂා කිරීමට අවශ්‍යද? එසේ නම්, මම ඔබට උදව් කරන්නම්.
    Click to expand...
    මම QR කේතය සෑදීමට සහ ඡායාරූප පෙන්වීමට HTML පිටුව එකම ගොනුවක සකස් කරන්නම්. මෙහිදී මම qrcode.js library එක භාවිතා කරනවා.



    ```html
    <!DOCTYPE html>
    <html lang="si">
    <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>ඡායාරූප ගැලරිය සහ QR කේතය</title>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/qrcodejs/1.0.0/qrcode.min.js"></script>
    <style>
    body {
    font-family: Arial, sans-serif;
    margin: 20px;
    background-color: #f0f0f0;
    }
    .gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    gap: 20px;
    padding: 20px;
    }
    .image-container {
    background: white;
    padding: 10px;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    }
    h1, h2 {
    text-align: center;
    color: #333;
    }
    .qr-section {
    text-align: center;
    margin: 20px;
    padding: 20px;
    background: white;
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0,0,0,0.1);
    }
    #qrcode {
    margin: 20px auto;
    }
    .button {
    background-color: #4CAF50;
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    font-size: 16px;
    }
    .button:hover {
    background-color: #45a049;
    }
    </style>
    </head>
    <body>
    <h1>මගේ ඡායාරූප ගැලරිය</h1>

    <div class="qr-section">
    <h2>QR කේතය</h2>
    <div id="qrcode"></div>
    <button class="button" onclick="generateQR()">QR කේතය සාදන්න</button>
    </div>

    <div class="gallery">
    <div class="image-container">
    <img src="/api/placeholder/400/300" alt="ඡායාරූපය 1">
    </div>
    <div class="image-container">
    <img src="/api/placeholder/400/300" alt="ඡායාරූපය 2">
    </div>
    <div class="image-container">
    <img src="/api/placeholder/400/300" alt="ඡායාරූපය 3">
    </div>
    </div>

    <script>
    function generateQR() {
    // පවතින QR කේතය ඉවත් කරන්න
    document.getElementById('qrcode').innerHTML = '';

    // වත්මන් URL එක ලබා ගන්න
    let currentURL = window.location.href;

    // නව QR කේතය සාදන්න
    new QRCode(document.getElementById('qrcode'), {
    text: currentURL,
    width: 256,
    height: 256,
    colorDark: '#000000',
    colorLight: '#ffffff',
    correctLevel: QRCode.CorrectLevel.H
    });
    }
    </script>
    </body>
    </html>

    ```

    මෙම පිටුව භාවිතා කිරීමට:

    1. මෙම කේතය `.html` ගොනුවක් ලෙස සුරකින්න (උදා: `gallery.html`)
    2. `<img src="...">` ස්ථානවල ඔබේ ඡායාරූප වල පිහිටීම් ඇතුළත් කරන්න
    3. පිටුව විවෘත කර "QR කේතය සාදන්න" බොත්තම ක්ලික් කරන්න
    4. සෑදුණු QR කේතය scan කිරීමෙන් ඕනෑම දුරකථනයකින් ගැලරිය බැලිය හැකිය

    වැදගත් කරුණු:
    - පිටුව ඔබේ පරිගණකයේ ස්ථානීයව ක්‍රියාත්මක වන විට, QR කේතය file:// URL එකක් සාදනු ඇත
    - වඩා හොඳ ප්‍රතිඵල සඳහා, මෙය web server එකක host කිරීම හෝ GitHub Pages වැනි නොමිලේ hosting සේවාවක් භාවිතා කිරීම වඩා යෝග්‍ය වේ

    ඔබට තවත් යමක් එකතු කිරීමට හෝ වෙනස් කිරීමට අවශ්‍යද?
    Click to expand...
    ------ Post added on Feb 16, 2025 at 11:47 AM
     

    Similar threads

    sureshn0
    Questions QR scanning and send the details to system
    Replies
    1
    Views
    197
    Stimulus mind
    Stimulus mind
    S
    Gov pay කියන්නේ මොකක්ද?
    Replies
    10
    Views
    600
    Error365!
    Error365!
    A
    QR code scanning
    Replies
    20
    Views
    745
    elakiri_boy_22
    E
    leeroxxroxx
    FuelPass QR Code ✅ | ⛔ Vehical Already Registered | 100% Working Method 🛢️
    Replies
    40
    Views
    2K
    Amith0424
    Amith0424
    TNHM
    Vibe code කර උකා ගැනීම
    Replies
    38
    Views
    2K
    JohnSnow
    JohnSnow
    Top Bottom