Is there a way to manipulate the HTTP headers before uploading a file?

[plamber]

Is your feature request related to a problem? Please describe.
I was looking for a way to manipulate the header information before uploading a file. We have an API that requires a Baerer token for authentication. Before triggering the upload process I would need to retrieve the baerer token and update the header information before posting the file.

Unfortunately, I haven't found an example how you can do this.

Thank you very much for your feedback

[yoavniran]

moving to discussions. will answer there

[yoavniran]

Yes, this is definitely possible.
The Guides section has many useful tutorials on how to achieve more advanced flows with Uploady.
This in particular is what you'll need: https://github.com/rpldy/react-uploady/blob/master/guides/DynamicParameters.md#using-hook

In your case, you can retrieve the info you need from the useRequestPreSend hook callback (it can be async) and then return an object similar to this:

  return {
    destination: {
         headers: {
              "my-header": "header-value"
          }
    } 
  };

The content of the object you return from the hook will be merged with the other upload options.

[plamber]

Thank you for the feedback. Will give it a try