CODEWITHSUNDEEP
file-uploadamazon-s3meteorthumbnails
onepixelsolid
onepixelsolid

Reputation: 640

Meteor Amazon S3 image upload with thumbnails

I'm using Meteor and would like to create a form with an image upload field that saves the uploaded file to an Amazon S3 bucket in its original size as well as multiple thumbnails sizes defined (passed) via the code.

So far I'm using the lepozepo:s3 package which works great but doesn't seem to allow options for generating additional thumbnails.

Given I can upload the original files onto S3 I'm considering looking into a service on Amazon that can generate the desired thumbnails and then notify my Meteor app. But I'm not sure how to achieve that.

Can anyone point me in the right direction or share some insight into the best approach for this?

PS: I want to avoid using Filepicker.io is possible.

Upvotes: 5

Views: 2056

Answers (4)

Liko
Liko

Reputation: 2300

CollectionFS is now deprecated, but there are other options:

Use the jQuery-File-Upload (which is great), it generates thumbs, has size and format validation, etc. Using basically these two packages together:

https://atmospherejs.com/tomi/upload-jquery

https://atmospherejs.com/tomi/upload-server

You can use other package for S3 integration.

Like: https://github.com/peerlibrary/meteor-aws-sdk/

Good, but if you need to generate thumbs for example you will need to integrate with other package or do it yourself. I not tested, but I got this suggestion: https://github.com/jamgold/cropuploader

Rich documentation and does well which proposes: Upload images.

Use that adapt best to your needs.

Upvotes: 1

Dmitry
Dmitry

Reputation: 167

cfs:gridfs - required for some reason, not sure why

Meteor using gridfs to store file chunks inside mongo database. In case of s3 it's for temporary storage.

Upvotes: 0

onepixelsolid
onepixelsolid

Reputation: 640

Seems I was following the wrong path. CollectionFS has everything I need and more. I now have this working with plenty of scope to do more later. This is one brilliant collection of packages with clear guides on respective Github pages.

Here are the packages I ended up usings:

Code sample →

Upvotes: 2

tomitrescak
tomitrescak

Reputation: 1110

look at blueimp's "jquery file upload" for client and image server resizing. On client you have a bit limited possibilities quality wise, on server you can use full power of imagemagick. Or look at my blog post on http://doctorllama.wordpress.com for file uploads for meteor in general.

Upvotes: 0

Related Questions