Fydler UtilityBelt - Base64 & URL Converter

Base64 & URL Converter

Data & Formatting Tool

Input Text

File Upload (Base64 Encode)

No file selected

Base64

URL

Result

Usage Tips

Base64: Commonly used to encode binary data as text (e.g., in Data URIs or basic auth).
URL: Used to encode characters in a URL that have special meaning (e.g., spaces, slashes, or ampersands).
All conversions are performed entirely on your device.

Copied to clipboard!

lucide.createIcons(); const input = document.getElementById('input-text'); const fileInput = document.getElementById('file-input'); const fileInfo = document.getElementById('file-info'); const output = document.getElementById('output-text'); const errorContainer = document.getElementById('error-container'); const errorMessage = document.getElementById('error-message'); fileInput.addEventListener('change', (e) => { const file = e.target.files[0]; if (file) { fileInfo.textContent = `${file.name} (${formatBytes(file.size)})`; const reader = new FileReader(); reader.onload = (event) => { const b64 = event.target.result.split(',')[1]; output.value = b64; showToast('File encoded to Base64!'); }; reader.readAsDataURL(file); } }); function formatBytes(bytes) { if (bytes === 0) return '0 Bytes'; const k = 1024; const sizes = ['Bytes', 'KB', 'MB', 'GB']; const i = Math.floor(Math.log(bytes) / Math.log(k)); return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + ' ' + sizes[i]; } document.getElementById('b64-encode').addEventListener('click', () => { if (!input.value) return showError('Please enter text to encode'); try { errorContainer.classList.add('hidden'); output.value = btoa(unescape(encodeURIComponent(input.value))); } catch (e) { showError('Failed to encode to Base64: ' + e.message); } }); document.getElementById('b64-decode').addEventListener('click', () => { if (!input.value) return showError('Please enter Base64 to decode'); try { errorContainer.classList.add('hidden'); output.value = decodeURIComponent(escape(atob(input.value))); } catch (e) { showError('Failed to decode from Base64: ' + e.message); } }); document.getElementById('b64-download').addEventListener('click', () => { const b64 = input.value.trim(); if (!b64) return showError('Please enter Base64 string to download as file'); try { const byteCharacters = atob(b64); const byteNumbers = new Array(byteCharacters.length); for (let i = 0; i < byteCharacters.length; i++) { byteNumbers[i] = byteCharacters.charCodeAt(i); } const byteArray = new Uint8Array(byteNumbers); const blob = new Blob([byteArray], {type: 'application/octet-stream'}); const url = URL.createObjectURL(blob); const a = document.createElement('a'); a.href = url; a.download = 'decoded_file.bin'; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); showToast('File download started!'); } catch (e) { showError('Failed to decode Base64 to file: ' + e.message); } }); document.getElementById('url-encode').addEventListener('click', () => { try { errorContainer.classList.add('hidden'); output.value = encodeURIComponent(input.value); } catch (e) { showError('Failed to URL encode: ' + e.message); } }); document.getElementById('url-decode').addEventListener('click', () => { try { errorContainer.classList.add('hidden'); output.value = decodeURIComponent(input.value); } catch (e) { showError('Failed to URL decode: ' + e.message); } }); document.getElementById('copy-btn').addEventListener('click', () => { if (output.value) { navigator.clipboard.writeText(output.value); showToast('Copied to clipboard!'); } }); function showError(msg) { errorContainer.classList.remove('hidden'); errorMessage.textContent = msg; output.value = ''; } function showToast(msg) { const toast = document.getElementById('toast'); const toastMsg = document.getElementById('toast-message'); toastMsg.textContent = msg; toast.classList.add('show'); setTimeout(() => toast.classList.remove('show'), 2000); }