uploading an image from native app using upload URL fails

[get-convex]

uploading an image from native app using upload URL fails

[nipunn1313]

there you go! Nice debugging!

[nipunn1313]

Hi. It is supported. The storage upload via upload URL is framework agnostic.

Could you provide your code? What API call(s0) are giving an undefined storageId?

[varand-pez]

Hi Nipunn and thank you for getting back to me.

My code is identical to documentation, I set the file's uri in state and upon upload click I call this code:

const postUrl = await generateUploadUrl();
      console.log({ postUrl });
      const result = await fetch(postUrl, {
        method: "POST",
        headers: { "Content-Type": "image" },
        body: myImage
      });
      const { storageId } = await result.json();
      console.log({ storageId });

 LOG  {"postUrl": "https://graceful-[partOfURL].convex.cloud/[partOfURL]upload?token=[SOMETOKEN]"}
 LOG  {"storageId": undefined}

I did more digging and was able to find the issue, I logged out the complete response (instead of just {storageId}) and this is what I see.

{"res": {"code": "BadHeader", "message": "Bad header for content-type: invalid HTTP header"}}

is hardcoding the contentType to image the problem?

Thanks.

[varand-pez]

just ignore it already, it has to be image/*