ANY IMAGES

 <!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Image Converter</title>

    <style>

        body {

            font-family: Arial, sans-serif;

            text-align: center;

            margin: 50px;

        }


        input[type="file"] {

            display: none;

        }


        label {

            background-color: #4CAF50;

            color: white;

            padding: 10px 20px;

            cursor: pointer;

        }


        canvas {

            display: none;

        }

    </style>

</head>

<body>

    <h1>Image Converter</h1>

    <label for="imageInput">Choose an image:</label>

    <input type="file" id="imageInput" accept="image/*">


    <canvas id="outputCanvas" width="300" height="300"></canvas>


    <script>

        document.getElementById('imageInput').addEventListener('change', handleImage);


        function handleImage() {

            const input = document.getElementById('imageInput');

            const canvas = document.getElementById('outputCanvas');

            const ctx = canvas.getContext('2d');


            const reader = new FileReader();


            reader.onload = function (e) {

                const img = new Image();

                img.onload = function () {

                    canvas.width = img.width;

                    canvas.height = img.height;

                    ctx.drawImage(img, 0, 0);


                    canvas.toBlob(function (blob) {

                        const link = document.createElement('a');

                        link.href = URL.createObjectURL(blob);

                        link.download = 'converted_image.jpeg';

                        link.click();

                    }, 'image/jpeg', 1.0);

                };


                img.src = e.target.result;

            };


            reader.readAsDataURL(input.files[0]);

        }

    </script>

</body>

</html>


Popular posts from this blog

TOP Countries Around The World That Will Actually Pay You To Move There

"Hitchbot" الروبوت الذي "وثق" في البشر و كانت نهايته مأساوية !

THE BEST COUNTRIES TO VISIT (OUR 20 FAVORITE COUNTRIES RANKED)