URL to Image tool

 

URL to Image Converter

body { font-family: Arial, sans-serif; margin: 0; padding: 0; background-color: #f0f0f0; } .converter-container { max-width: 600px; margin: 50px auto; padding: 20px; background-color: #fff; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); text-align: center; } h1 { color: #333; } input[type="url"] { width: 100%; padding: 10px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 3px; } button { padding: 10px 20px; background-color: #007bff; color: #fff; border: none; border-radius: 3px; cursor: pointer; } button:hover { background-color: #0056b3; } #result { margin-top: 20px; } function convertToImage() { const url = document.getElementById('image-url').value.trim(); if (!url) { alert('Please enter an image URL.'); return; } fetch('convert.php?url=' + encodeURIComponent(url)) .then(response => response.json()) .then(data => { if (data.success) { const img = new Image(); img.src = data.dataUrl; img.style.maxWidth = '100%'; document.getElementById('result').innerHTML = ''; document.getElementById('result').appendChild(img); } else { alert('Failed to convert image. Please check the URL and try again.'); } }) .catch(error => { console.error('Error:', error); alert('An error occurred. Please try again later.'); }); } true, 'dataUrl' => $base64]); exit; } } // Return error response header('Content-Type: application/json'); echo json_encode(['success' => false]); exit; ?>