Support DataURI (Base64) uploads

[dr-dimitru]

No description provided.

[dr-dimitru]

This will be useful after file is changed on the client and returned as DataURI, for example image changed in canvas

[dr-dimitru]

Please vote if you need this feature

[renatomattos2912]

+1

[dr-dimitru]

Implemented in v1.7.1, see example

@renatomattos2912 could you please test it on your end, and give some feedback?

[renatomattos2912]

@dr-dimitru of course, i will do this now.

[renatomattos2912]

@dr-dimitru it works pretty well. Thanks to be so fast in this feature.

[dr-dimitru]

@renatomattos2912 , thank you for vote and for choice this package for file uploads

Please, support this project by:

• Star on GitHub
• Star on Atmosphere
• Share on Facebook and Twitter
• Donate via PayPal

[renatomattos2912]

@dr-dimitru done

[dr-dimitru]

Hi @renatomattos2912 ,

In v1.7.3 various fixes about base64 uploads. Could you test it on your end?

[renatomattos2912]

Hi @dr-dimitru of course, i will try this week and soon i tell you. Thanks

[ouya99]

+1

[luixal]

Hi!,

I've seen that insert function is only available con client side, what would be the best way to store a b64 file in server?

I'm trying to make this work with the nimble:restivus package for uploading files through an HTTP POST/PUT.

Thanks!

[dr-dimitru]

Hello @luixal ,

On server the is various methods like write and load

For upload via POST check out this example

[luixal]

Yep, I finally make it work using the write function, works like a charm :)

Another thing (unrelated to this issue): in order to show images and download link, I have to use the template helper {{fileURL fileRef 'thumb'}} if I try getting the link field it's always null. Any ideas on how to get the URL without using that helper?

Thanks!

[luixal]

Hmmm... there's another problem I'm having. According to the wiki, the write function returns the collection itself:

Returns {Files} - Current FilesCollection instance

Wouldn't it be better if it returns the _id of the saved file as other collections do?

If I do something like:

let result = Images.write(
  new Buffer(base64Data, 'base64'),
  {
    fileName: 'uploaded_' + (new Date()).getTime() + '.png',
    type: 'image/png'
    }
  );

would it block until result gets a value?

[dr-dimitru]

@luixal document from MongoDB returned in callback

if I try getting the link field it's always null

How do you call it? Need to see your code

[luixal]

I finally managed to make the link() function work. I guess I was trying to call it on the object, not the FileCursor.

As for the result of the write function, is there any way to get the _id or the full object of the last written file?

With all collections I usually call them like this:

let inserted = MyCollection.insert(object);

This allows me to get the inserted object and also block the function until I get a result (really useful in methods and API functions).

Any idea on how to make this work that way?

Thanks!

[dr-dimitru]

Hi @luixal ,

write method is asynchronous, only way to work via callback or wrap it into wrapAsync, like:

Images = new FilesCollection({/*...*/});

Images.writeSync = Meteor.wrapAsync(Images.write);

That's it :)

[luixal]

Hi there!

That's how I'm using it, was just wondering if it wouldn't be useful to make it work like regular collections :)

let resultId = MyCollection.insert({...}) // <--- sync
MyCollection.insert(...); // <--- async and allows you to pass a callback or not

Thanks!

[dr-dimitru]

@luixal it will cost efficiency, as it will be blocking IO. Working with FS is different than DB.