Copy-first script
DragDropUploadZone med fallback
Gir drag-and-drop når tilgjengelig og vanlig filinput ellers.
Forutsetninger
Moderne nettleser og et backend-endpoint som svarer med JSON.
DragDropUploadZone med fallback
Gir drag-and-drop når tilgjengelig og vanlig filinput ellers.
Når bør du bruke scriptet?
Dette scriptet passer når du vil løse én konkret oppgave raskt, men fortsatt holde kvaliteten høy nok til at koden tåler å bli flyttet inn i produksjonsflyt senere.
Hvorfor er dette nyttig i WEBoracle?
WEBoracle kombinerer innhold, adminverktøy og backendflyt. Små, fokuserte scripts gjør det mulig å bygge funksjoner stegvis uten å blande alt inn i samme fil.
Kode
async function dragdropUploadZone(payload = {}) {
const response = await fetch('/ajax/dragdrop-upload-zone.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
},
body: JSON.stringify(payload)
});
if (!response.ok) {
throw new Error('Forespørselen feilet');
}
return response.json();
}Tilpasning
- Bytt ut hardkodede navn og tabeller før produksjon.
- Legg til logging hvis scriptet kjører i adminnære eller sikkerhetskritiske løp.
- Pakk logikken inn i en tjeneste eller modul når du ser at den blir gjenbrukt.
Klar til bruk
Kodevindu
Koden er optimalisert for rask kopiering og videre tilpasning i eget prosjekt.
async function dragdropUploadZone(payload = {}) {
const response = await fetch('/ajax/dragdrop-upload-zone.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
},
body: JSON.stringify(payload)
});
if (!response.ok) {
throw new Error('Forespørselen feilet');
}
return response.json();
}