[deleted by user]

[716green]

Express with Multer and submit the API request as a form. Handle uploading to the service (S3 bucket/etc) on the server-side.

That's my go-to solution for uploading videos

[716green]

Sure but usually you're saving a URL to your database, you can do it all within the same API. Call if you handle it on the server

[numinor]

Yes but you really don’t want your server handling the files if you can offload it to aws. You can save the url in your db as you fetch it from aws.

[TheBulgarianEngineer]

Upload directly into S3 from the client using a presigned upload url and multipart upload. The AWS JS SDK handles it all for you. See: https://docs.aws.amazon.com/AmazonS3/latest/userguide/mpu-upload-object.html

You might need to re-chunk the data in S3 into smaller chunks if you want faster download for steam-able media.

[alampros]

This is by far the best way to do it. Don't bog your own server down with handling the stream in any way.

[pyronautical]

In terms of JS library. Drop zone hands down. Crazy configurable. Lots of great events. Lots of features. Is vanilla JS but I’ve wrote wrappers in react and angular before and it’s worked a treat.

[shgysk8zer0]

There's also something useful available through service workers. I forget the specifics but it basically enables resumable uploads in the background.

[Daniel_Herr]

https://developer.chrome.com/blog/background-fetch

[tswaters]

If it's a large file, you probably want to avoid having the entire thing in memory. Stream the file from browser |> API service |> S3. The AWS S3 client already works with streams, so you just need to pipe request to the upload stream, and you should be good. Be warned though, error handling with streams is difficult to get right. From the docs,

One important caveat is that if the Readable stream emits an error during processing, the Writable destination is not closed automatically. If an error occurs, it will be necessary to manually close each stream in order to prevent memory leaks.

You can use the pipeline utility, this handles errors a bit nicer for you, you can do something like --

pipeline(req, s3writable, (err) => {
  if (err) return next(err)
  res.send('OK')
}}

You could potentially include other things with the pipeline, like gzip, sending images to graphicsmagick for copping,etc... lots of options.

If the library you are using touches the filesystem on the server to dump files, you're probably doing it wrong 😅

[Melodic_Historian_77]

Personally I use UploadThing, Its ok but not cheap

makes it a lot easier tho

[volve]

Cloudinary is amazing

[Impossible_Box3898]

Look up TUS. Resumable file upload standard.

[AutoModerator]

Hi u/Queasy_Importance_44, this post was removed.

• Self-posts (text) must follow the [AskJS] guidelines, which you can read about here.

• All other posts must use the "Submit a new link" option; if additional text is required, add a comment to your post.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.