image to upload:</label><br>
        <input type="file" id="image" name="image" accept="image/*" required><br><br>
        <input type="submit" value="Upload Image">
    </form>

    <h2>Received Image Preview:</h2>
    <img id="preview" alt="Received Image">

    <script>
        document.getElementById('uploadForm').addEventListener('submit', function (e) {
            e.preventDefault();

            const formData = new FormData();
            const fileInput = document.getElementById('image');
        