Filepond Integration

Unknown · 2025-12-23T13:51:51.036+00:00

Hi, i've been stuck for some time on this issue, while integrating filepond's custom file picker. In setup i've an action initializing filepond and all the logic which works fine, having only one argument of elementId targeting the input element and having these events: onFileSelected and onUploadError. On onFileSelected, i'm passing these values: {"name":"video.mp4","type":"video/mp4","fileObject":{}}The issue is in a workflow i'm only obtaining name and type, the fileObject(that should contain binary data) is always returning empty.I'd appreaciate if anyone would help me resolve this. Thank you!

knamuora
8 days ago
Hi, i've been stuck for some time on this issue, while integrating filepond's custom file picker. In setup i've an action initializing filepond and all the logic which works fine, having only one argument of elementId targeting the input element and having these events: onFileSelected and onUploadError.

On onFileSelected, i'm passing these values: {"name":"video.mp4","type":"video/mp4","fileObject":{}}
The issue is in a workflow i'm only obtaining name and type, the fileObject(that should contain binary data) is always returning empty.

I'd appreaciate if anyone would help me resolve this. Thank you!
Tod
8 days ago
Great job @! Your contribution to the Nordcraft Community just made you advance to Community Level 4! 🌲
Dane
7 days ago
FilePond.create(document.querySelector('#yourInputElement'), {
allowMultiple: false,
onaddfile: (error, fileItem) => {
if (error) {
console.error('FilePond error:', error);
return;
}

const file = fileItem.file; // This is the JS File object
const reader = new FileReader();

reader.onload = function(event) {
const base64Data = event.target.result; // Base64 string of file
// Trigger Nordcraft workflow with file data
nordcraft.triggerWorkflow('YourWorkflowName', {
name: file.name,
type: file.type,
fileData: base64Data
});
};

reader.readAsDataURL(file); // Converts file to Base64
}
});
🙌1
@Dane
FilePond.create(document.querySelector('#yourInputElement'), {
allowMultiple: false,
onaddfile: (error, fileItem) => {
if (error) {
console.error('FilePond error:', error);
return;
}

const file = fileItem.file; // This is the JS File object
const reader = new FileReader();

reader.onload = function(event) {
const base64Data = event.target.result; // Base64 string of file
// Trigger Nordcraft workflow with file data
nordcraft.triggerWorkflow('YourWorkflowName', {
name: file.name,
type: file.type,
fileData: base64Data
});
};

reader.readAsDataURL(file); // Converts file to Base64
}
});
Max
7 days ago
This looks AI generated and will very likely not work 😊

Filepond Integration

knamuora

Tod

Dane

Max