How can I upload multiple files using a browser

Question
1

I’m setting up a website to upload images and videos from my phone to my PC.
I tried a simple input field with multiple selection and using multer on the backend to store the files on my PC (which is running both frontend and backend), but I can’t seem to upload more than 10 images at a time. The page refreshes too quickly, and I can’t find a way to stop the refresh or wait for all the files to upload.

Is there another approach to accomplish this?
Thanks for your help!

2

Are you running into a request size limit on your server?

3

Zephyr said:
Are you running into a request size limit on your server?

No, I’m not.

4

Eli said:

Zephyr said:
Are you running into a request size limit on your server?

No, I’m not.

What does your server respond with? The page refresh should only happen after the browser gets a response.

5

Are you using Android or iOS? Both have options for this.

6

Marlowe said:
Are you using Android or iOS? Both have options for this.

I’m on Android, but I want it to work for both systems.

7

Eli said:

Marlowe said:
Are you using Android or iOS? Both have options for this.

I’m on Android, but I want it to work for both systems.

What about Google Drive?

8

@Marlowe
I need to keep it local on my PC.

9

I can try to help once I’m home from work.

10

Marlowe said:
I can try to help once I’m home from work.

Thank you so much!

11

Are you saying uploads of less than 10 images work all the time? If so, you might be hitting a size limit on your server like another user mentioned. Check the total sizes of the files you’re trying to upload, and log the result if it fails. Are you going through Cloudflare? They have a 100MB limit on uploads.

12

@Ellis
Everything is on my local network, no Cloudflare, and there’s no file size limit.

13

Eli said:
@Ellis
Everything is on my local network, no Cloudflare, and there’s no file size limit.

That’s strange. Requests should wait for a response (or timeout), so there shouldn’t be any “refresh” happening too quickly. But definitely check the response from the server when you send the request; it could be throwing an error.

14

What’s causing the refresh? A standard HTTP multipart form POST will not refresh until all the data has been sent to the server and a response has started coming back.
How are you currently implementing it? Is there any JavaScript involved?
There isn’t much information for us to help with here.

“My code doesn’t work. Why?”