How can I customize the fetch method to work with the FilePond file uploader?

Question

I encountered a problem when using FilePond's custom fetch method and I didn't know what to do with the load() function. The documentation requires passing the file object to the load() method, but I don't know how to get it. I tried passing null but it throws an error: This is the code:

server: {
    fetch: (url, load, error, progress, abort, headers) => {
        
        progress(true, 0, 1024);

        load(file);

        return {
            abort: () => {
                abort();
            },
        };
    },

Any ideas?

Answer 1

This is what I do when getting files from the server in my FilePond.

load: async (source, load, error, progress, abort, headers) => {
            let file = files.find(el => el.file == source)
            var myRequest = new Request(source);
            fetch(myRequest).then(function(response) {
              response.blob().then(function(myBlob) {
                load(myBlob);
              });
            });