Event listener that fires before file upload process starts

[jerryseigle]

Initial checklist

• I understand this is a feature request and questions should be posted in the Community Forum
• I searched issues and couldn’t find anything (or linked relevant results below)

Problem

We often need to upload multiple files, each requiring different configurations. For instance, when using a service like Supabase storage with Tus, we need to include an authorization token that is unique for each file. This means the authorization token is only valid for the specific file that requested it.

Solution

To address this, we propose creating an event listener that fires before each upload attempt. For example, if there are three files, the event would trigger just before each file starts uploading, allowing us to adjust the configuration based on the file details. This ensures that each file can be uploaded with its unique settings.

Alternatives

na

[Murderlon]

Hi, what about doing something like this with what we have already?

import Uppy from "@uppy/core";
import Tus from "@uppy/tus";

let token = null;

async function getAuthToken() {
  const res = await fetch("/auth/token");
  const json = await res.json();
  return json.token;
}

new Uppy().use(Tus, {
  endpoint: "<your-endpoint>",
  // Called again for every retry too.
  async onBeforeRequest(req) {
    if (!token) {
      token = await getAuthToken();
    }
    req.setHeader("Authorization", `Bearer ${token}`);
  },
  async onAfterResponse(req, res) {
    if (res.getStatus() === 401) {
      token = await getAuthToken();
    }
  },
});

[jerryseigle]

@Murderlon is exactly what was needed in my case. If I try to upload 3 images I can see that it generates 3 signedUploadTokens as what I needed. I wonder do it apply the correct tokens to the corresponding file. I asked because I notice that it seem to run my the function to get the signUploadToken all at the same time

[Murderlon]

I'm not sure what you mean. Are you still running into problems?

[jerryseigle]

Everything is working as expected now. Thank very much