0UT1S's

home/aioutajg/public_html/assets/js/

By Order of Mr.0UT1S

[DIR] ..

N/A

bootstrap.bundle.js

202.89 KB

bootstrap.bundle.min.js

78.83 KB

script.js

2.40 KB

// Script for enhancing the Image Converter Tool

document.addEventListener('DOMContentLoaded', () => {
    const fileInput = document.getElementById('fileInput');
    const formatSelect = document.getElementById('formatSelect');
    const convertForm = document.querySelector('form');

// Show a preview of the uploaded image (optional)
    fileInput.addEventListener('change', (event) => {
        const file = event.target.files[0];
        if (file && file.type.startsWith('image/')) {
            const reader = new FileReader();
            reader.onload = (e) => {
                const preview = document.createElement('img');
                preview.src = e.target.result;
                preview.style.maxWidth = '100%';
                preview.style.marginTop = '1rem';
                preview.alt = 'Image Preview';

// Remove previous preview if exists
                const existingPreview = document.querySelector('.image-preview');
                if (existingPreview) existingPreview.remove();

// Append new preview
                fileInput.parentElement.appendChild(preview);
                preview.classList.add('image-preview');
            };
            reader.readAsDataURL(file);
        } else {
            alert('Please upload a valid image file.');
            fileInput.value = ''; // Clear invalid selection
        }
    });

// Add form submission confirmation
    convertForm.addEventListener('submit', (event) => {
        if (!fileInput.files.length) {
            event.preventDefault();
            alert('Please select an image to convert.');
            return;
        }

if (!formatSelect.value) {
            event.preventDefault();
            alert('Please select a target format.');
            return;
        }

// Optional: Show a loading spinner during conversion
        const submitButton = convertForm.querySelector('button[type="submit"]');
        submitButton.disabled = true;
        submitButton.innerHTML = '<span class="spinner-border spinner-border-sm" role="status" aria-hidden="true"></span> Converting...';
    });

// Tooltip initialization for Bootstrap (if using tooltips)
    const tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'));
    tooltipTriggerList.map((tooltipTriggerEl) => new bootstrap.Tooltip(tooltipTriggerEl));
});