jr-file

[haughty veldt]

Hello! Can you share your code?

[supple patrol]

Yes

[supple patrol]

That is the code

[haughty veldt]

👍 let me take a look

[supple patrol]

These are two images that we send from the front-end made in Flutter

[haughty veldt]

When you log front and back what do you get?

[supple patrol]

What do yo mean ??

[haughty veldt]

Like I want you to confirm that front and back are actually what you expect them to be and have all the file data

[supple patrol]

Let me share with you the front-end code

[supple patrol]

And this is the data of the two files we received from the front-end

[haughty veldt]

Im still looking, but what debugging have you done on your end so far?

When you log front.data.length what do you get?

and what express middleware are you using for handling file uploads?

[supple patrol]

I get the size of the file

[supple patrol]

At the moment I am not using any middleware because I am sending valid files.

[haughty veldt]

I was hoping that front.data.length was giving 0 since that would've explained why you're seeing this, but now I"m not super sure

and you're sure that what you're uploading is an jpg image and not something else, right?

[supple patrol]

Yes, I’m sure

[supple patrol]

@haughty veldt In fact, you can see here in this picture that the file that the back is receiving is a jpg

[vapid plinth]

Hello! I'm taking over and catching up...

Just because the filename has a .jpg extension doesn't mean the data in the file is actual JPEG data. Do you have this running on a Linux server?

If so, can you take the data you're getting on the server, dump it into a file, and then run file <filename> on it to determine the type of data in the file?

If you're using Windows you can use one of these approaches to determine what the data is: https://superuser.com/questions/274734/how-can-i-determine-file-type-without-an-extension-on-windows

[supple patrol]

Hi, it's running in local my backend I have it done in NodeJS and expresss.

[vapid plinth]

Can you try to determine what the data in the file is using one of the approaches above?

[supple patrol]

This is the data I receive in my back end, sending from my front end app which is made in Flutter

[vapid plinth]

Yep, I understand that. What I'm saying is can you dump that data into a file and then determine what type of data is in there using one of the approaches I described above?

[supple patrol]

Ok, let me try

[supple patrol]

I used a different tool than TrID because it would not open on my PC.

[viral dragon]

👋 Taking over this thread, catching up now

[supple patrol]

Hi

[viral dragon]

This is indeed strange. Can you try uploading another image?

Just want to check whether it is a file issue

[supple patrol]

Yes, I have tried several images, and I always get the same error.

[viral dragon]

Can you try reading the file directly from the backend instead of passing from frontend like this doc?
https://stripe.com/docs/file-upload#uploading-a-file

So that we can double check if it's due to corrupted data or something

[supple patrol]

Like this ?

Yes, if I do that it will work and I don't get any error.

[viral dragon]

That's a good news

Then we can narrow down that the file data passing from frontend to backend is likely to be corrupted

[supple patrol]

Ok, and now what ?? 😅

[viral dragon]

So the next step is find out how to read the data correctly from the frontend

I'm not too familiar with Flutter. Can you find out the difference between the data from frontend and the one reading directly from backend?

Then you can find similar function call in Flutter and pass the information to your backend

[supple patrol]

I don't understand what you mean by the difference in data between the front and the back.

[viral dragon]

When you print fp object, what does it show?

[supple patrol]

This

But when I get the data from the front end the buffer looks like this

[viral dragon]

Thanks for sharing. It looks like the buffer from frontend is empty

I'm not familiar with Flutter, so can't advice how to read the image buffer correctly in Flutter

I'd recommend searching online and ensure that the data pass from the frontend and the one reading directly in backend are the same

[supple patrol]

Ok, I will try to do what you tell me, if it doesn't work, I will post the issue again here in discord.