Large images giving 'Only image files are supported' error.

[oracularhades]

Putting this here to save someone the pain of investigating this javascript bullshit. This is not an issue that is worth and code changes.

Describe the bug
https://bsky.app/profile/thiccass.pikachu.zone/post/3kuaez7figc2k

(I made the absurdly large image [in bluesky context] of 51MB to test this)

When uploading a large image, the client will give a toast error message of 'Only image files are supported'. This is because the client is checking mimeType, however, if the image is too big, sometimes the mimeType won't even get returned (probably for reasonable browser performance issues), it is just a null/undefined value. Here is where the check is occurring:

social-app/src/lib/media/picker.shared.ts

Line 27 in 1f954c1

Toast.show('Only image files are supported')

I tried removing the image mimeType check, to see if we could just rely on the file picker settings to guide the user. However, if the image is ridiculously large, it will crash the gallery image (seemingly >60MB).

This isn't worth anyone's time, but if it becomes an issue in the future, someone can refer to this when fixing it.

To Reproduce

Steps to reproduce the behavior:

1. Make an absurd image. An easy way to make a 51MB image (or around that, depending on the encoding), is to go into preview > tools > adjust size and set width/height to something ridiculous like 4944w 4514h pixels.
2. Attempt to upload the image in the composer.

Expected behavior

Image uploads normally.

Screenshots

Additional context

[mschwendener]

Can confirm. An easy solution would be to change the message to "Only image files up to ... MB are supported"