How to upload Base64 data in client side Bubble plugin?

Search for a command to run...

No comments yet. Be the first to comment.
I have included all the information related to how you can build the Bubble plugin in this series. Check my course on how to build plugin from scratch- https://nocodetalks.co/bubbleplugin
Converting various file types, such as images and PDFs, into base64 strings is an excellent method for storing them in a database. Bubble's File API only permits base64 data uploads, disallowing direct uploads of PDFs and images. By default, Bubble e...
Most websites use CSS :hover for hover effects. You can see them in the stylesheet, copy them, move on. Framer doesn't do that. Framer uses a React animation library (Framer Motion) with a whileHove

https://www.youtube.com/watch?v=63Lkpw8fGAw Introduction to Xano: A No-Code Backend Solution When it comes to choosing the right backend service for your project, Xano emerges as a noteworthy contender. This video explores the various facets of Xan...
Hi Everyone, This newsletter will be a little different from the ones before. In this edition, I'm excited to launch the Xano Cohort program, which I will be running. The program will start on May 6th for 6 weeks. Why I am starting this: Whenever I...

Learn what workload units are in Bubble, how they are calculated, and discover actionable strategies to optimize and reduce your app's workload units for better performance and cost efficiency. One think before moving forward- If you are reading thi...

There are instances when you may need to access an element created within the Bubble editor. For example, in a plugin, you might want to return the number of characters a user types into an input element. Follow these steps: Step 1: Enable the "Expos...

Converting various file types, such as images and PDFs, into base64 strings is an excellent method for storing them in a database. Bubble's File API only permits base64 data uploads, disallowing direct uploads of PDFs and images.
Use the following code to upload Base64 data to Bubble File Manager.
context.uploadContent(properties.file_name,base64_data, function(err, url){
console.log("URL", "https:"+url);
});
Do read this post on how to format base64 data before sending it.
That's all for this blog. Subscribe for more future updates. Thank you!
Follow me on Twitter.
Checkout My Bubble Plugin Course - Use coupon code "THEBUBBLEGROUP" at checkout for 10% discount.