nuBuilder Forum

Code: Select all

        uppy.setMeta({
                procedure: 'nu_upload_file_sample', // <-- upload procedure to use
                session_id: window.nuSESSION,
                record_id: nuRecordId() // <-- pass record id 
            })

Code: Select all

uppy.setMeta({
	procedure: 'nu_upload_file_sample',
	session_id: window.nuSESSION,
	record_id: nuRecordId()
});

Code: Select all

function nuOnFileUploadComplete() {
     nuRefreshIframe('iframe_files');
}

Code: Select all

function nuSelectBrowse(event, element) {
    const selectedFileName = nuBrowseRow(element, 1).value; // file name in the second column
    downloadFile(selectedFileName);
}

Code: Select all

<div id="#uppy_div#"></div>

<script>
// Voer de initialisatiefunctie uit zodra het DOM geladen is
$(document).ready(function() {
    nuInitUppy();
});

function nuInitUppy() {
    // Gebruik const voor variabelen die niet opnieuw worden toegewezen
    const $objId = $('#' + '#this_object_id#');
    const targetDivId = '#uppy_div#'; // Bewaar de ID zonder '#' prefix, als je die later nodig hebt

    // Declareer uppyResponseMessage in de scope van nuInitUppy
    // Dit zorgt ervoor dat het toegankelijk is voor alle nested functies en callbacks.
    let uppyResponseMessage = '';

    // Initialiseer Uppy
    const uppy = nuUppyCreate(); // Aanname: nuUppyCreate() retourneert een Uppy-instantie

    uppy.use(Uppy.Dashboard, {
        inline: true,
        bundle: true,
        // Zorg ervoor dat nuCSSNumber betrouwbare getallen retourneert, anders kan dit problemen geven.
        // Optioneel: Voeg fallback-waarden toe als $objId.nuCSSNumber() null of undefined kan zijn.
        height: $objId.nuCSSNumber('height') || 400, // Voorbeeld fallback
        width: $objId.nuCSSNumber('width') || '100%', // Voorbeeld fallback
        target: '#' + targetDivId, // Zorg voor de '#' prefix voor de selector
        showProgressDetails: true,
        replaceTargetContent: true,
        method: 'post'
    })
    .use(Uppy.XHRUpload, {
        endpoint: 'core/nuapi.php',
        shouldRetry: (xhr) => { return false; }, // Geen retries bij falen
        // onAfterResponse is voor het inspecteren van de *initiële* serverrespons,
        // vaak gebruikt voor het verwerken van headers of niet-standaard responsen.
        // Het is beter om de algemene status en berichten af te handelen in 'complete'.
        async onAfterResponse(xhr, response) {
            // Parsen van de JSON-respons is hier nuttig voor specifieke HTTP-statussen
            // of als de server een niet-standaard 'message' veld gebruikt.
            try {
                const jsonData = JSON.parse(xhr.responseText);
                // Je kunt hier de uppyResponseMessage instellen op basis van een fout,
                // maar de 'complete' handler is vaak robuuster.
                if (xhr.status === 401) {
                    uppyResponseMessage = jsonData.message || 'Authenticatie mislukt.';
                    throw new Error(uppyResponseMessage); // Gooi een error om Uppy te laten weten dat er een probleem is
                }
                // Optioneel: Als de server een algemeen bericht stuurt bij succes
                // if (xhr.status >= 200 && xhr.status < 300 && jsonData.message) {
                //     uppyResponseMessage = jsonData.message;
                // }

            } catch (e) {
                // Fout bij parsen of andere XHR-gerelateerde fouten
                uppyResponseMessage = 'Fout bij verwerken van server respons.';
                // Je kunt hier besluiten om de error door te gooien of niet, afhankelijk van Uppy's gedrag.
                // console.error("Error parsing XHR response:", e);
                // throw e; // Gooi de error door als dit een kritieke fout is voor Uppy
            }
        }
    });

    // Deze callback wordt uitgevoerd voordat de upload begint.
    // Dit is de juiste plaats om meta-data in te stellen voor de upload.
    uppy.on('upload', (data) => { // 'data' object bevat de bestanden die worden geüpload
        uppy.setMeta({
            procedure: 'nu_upload_file_sample', // Server-side procedure om te gebruiken
            session_id: window.nuSESSION,
            record_id: nuRecordId() // Record ID waaraan de upload gekoppeld moet worden
        });
    });

    // Deze callback wordt geactiveerd wanneer *alle* uploads (succesvol of mislukt) zijn voltooid.
    uppy.on('complete', (result) => {
        // Reset het bericht voor elke nieuwe upload-sessie
        uppyResponseMessage = '';

        if (result.successful.length > 0) {
            // Als er succesvolle uploads zijn, pak het bericht van de eerste succesvolle upload.
            // Dit veronderstelt dat je PHP-script een 'message' veld retourneert bij succes.
            uppyResponseMessage = result.successful[0].response.body.message || 'Bestand(en) succesvol geüpload.';
        } else if (result.failed.length > 0) {
            // Als er mislukte uploads zijn, pak de foutmelding.
            // Hier proberen we de foutmelding uit de serverrespons te halen,
            // anders vallen we terug op Uppy's eigen foutbericht.
            const firstFailed = result.failed[0];
            uppyResponseMessage = firstFailed.response && firstFailed.response.body && firstFailed.response.body.message
                                  ? firstFailed.response.body.message
                                  : firstFailed.error.message || 'Fout bij het uploaden van bestand(en).';
        } else {
            // Geen bestanden geselecteerd of geüpload
            uppyResponseMessage = 'Geen bestanden verwerkt.';
        }

        // Roep de custom handler functie aan met het uiteindelijke bericht
        if (window.nuOnFileUploadComplete) {
            nuOnFileUploadComplete('FS', $objId.attr('id'), result, uppyResponseMessage);
        }
    });

    // Optioneel: Voeg een algemene foutafhandeling toe voor Uppy.
    // Dit vangt fouten op die niet direct in onAfterResponse worden afgehandeld.
    uppy.on('error', (error) => {
        console.error('Uppy error:', error);
        // Je kunt uppyResponseMessage hier ook instellen als een generieke foutboodschap.
        // uppyResponseMessage = error.message || 'Er is een algemene uploadfout opgetreden.';
    });
}
</script>