FileLinker
Arrastra archivos o haz click para seleccionar. Se crearán enlaces para ver/descargar.
Nota: esta app guarda archivos localmente en el servidor que ejecutes. No la pongas en un servidor público sin medidas de seguridad.
// FILE: public/app.js
(() => {
const drop = document.getElementById('drop');
const input = document.getElementById('fileinput');
const uploadBtn = document.getElementById('uploadBtn');
const linksDiv = document.getElementById('links');
let files = [];
drop.addEventListener('click', () => input.click());
drop.addEventListener('dragover', (e) => { e.preventDefault(); drop.style.opacity = 0.8; });
drop.addEventListener('dragleave', () => { drop.style.opacity = 1; });
drop.addEventListener('drop', (e) => {
e.preventDefault();
drop.style.opacity = 1;
const dt = e.dataTransfer;
if (dt && dt.files) {
files = Array.from(dt.files);
drop.querySelector('.small').innerText = `${files.length} archivo(s) listo(s)`;
}
});
input.addEventListener('change', (e) => {
files = Array.from(e.target.files);
drop.querySelector('.small').innerText = `${files.length} archivo(s) seleccionado(s)`;
});
uploadBtn.addEventListener('click', async () => {
if (!files.length) return alert('Selecciona archivos primero');
const form = new FormData();
files.forEach(f => form.append('files', f));
uploadBtn.disabled = true;
uploadBtn.innerText = 'Subiendo...';
try {
const res = await fetch('/upload', { method: 'POST', body: form });
const data = await res.json();
uploadBtn.disabled = false; uploadBtn.innerText = 'Subir y generar enlaces';
if (!data.success) throw new Error(data.error || 'Error');
linksDiv.innerHTML = '';
data.files.forEach(f => {
const el = document.createElement('div');
el.innerHTML = `