WhatsApp-style photo sharing for Bubble native mobile apps, on iOS and Android. Pick or shoot several photos, annotate them like Instagram stories, compress them on the phone to the size you choose, upload them instantly in the background while your users keep working, then display them as chat-ready mosaics in your messages.



▶️ Watch the demo filmed on a real iPhone
✅ Works on iOS and Android (Bubble native mobile, same element, same settings)

   
App editor (public, view only): https://bubble.io/page?id=wa-photo-uploader-demo&version=test&name=Home&tab=Design
About the Live demo: it runs in Bubble's web preview, so you can try the UI and workflows from your browser. The plugin is built for native iOS/Android apps, where picking, compression and upload are faster and fully featured.

Why builders choose it
One element replaces 4 plugins: picker + camera, background uploader, fullscreen viewer, annotation editor and chat grid. Built natively for Bubble mobile (iOS & Android), tested on low-end Android phones. Photos are resized and compressed on the phone before upload, so they go up fast even on 4G.

Main functions
📸 Multi-photo picker and camera, with your own labels for the choice sheet
⚡ Instant background upload to your Bubble app's file storage, with progress ring and automatic retry
🗜️ Fast on-device compression: you choose the max dimension (px) and JPEG quality (default 1600 px, 0.7). A 5 MB phone photo typically becomes a few hundred KB: faster uploads, lower storage costs
🖼️ Fullscreen viewer: swipe, pinch to zoom where your fingers are, double tap, remove from the viewer
✍️ Instagram-like annotation: text, pen and arrow tools, colors, stroke sizes, undo. Pinch, rotate and drag text
🔍 HD re-send: one tap re-uploads the original photo up to 3000 px
💬 Grid mode: WhatsApp-like mosaic for 1, 2, 3, 4 or more photos with a "+N" tile, ideal inside chat messages
✏️ Edit mode: load existing photos, remove them (optional confirmation), add new ones



Key features
• Labels of the uploader, picker, viewer and editor are editable: translate them in any language
• Fully styleable: thumbnail size, radius, gaps, borders, remove button, add tile, viewer colors
• Max photos limit, empty states, add tile at the start or the end
• Works with Bubble's own file storage: no external service, no API key, no extra cost
• EXIF orientation handled, photos are never rotated by 90°



Live in 3 steps
1. Drop the WA Instant Photo Uploader element on a mobile view.
2. Set Upload URL to your app's file endpoint, e.g. https://yourapp.com/fileupload (or /version-test/fileupload while testing).
3. Save the "Photos" list in a workflow, or react to the "photo uploaded" / "photo removed" events with the "Last uploaded photo" / "Last removed photo" states.



States: Photos, Photos URLs, Photos count, Is uploading, Last uploaded photo, Last removed photo, Clicked photo URL, Errors count, Error.
Events: photo uploaded, photo removed, all uploaded, upload failed, photo clicked.
Element actions: Open photo picker (camera, library or choice), Reset photos.

FAQ
• Does it work on iOS and Android? Yes, both. One element, same settings, nothing platform-specific to configure.
• Does it work on the web? No, it is built for Bubble native mobile apps (iOS and Android). The Live demo runs in the web preview for convenience; the real experience is on iOS/Android.
• Where are the photos stored? In your own Bubble app's file storage, exactly like a native Bubble upload.
• Can users keep using the app while photos upload? Yes, uploads run in the background and the "all uploaded" event tells you when everything is done.
• Can I use it to display photos in messages? Yes: Display mode = grid, Editable = no.
• Can I translate it? Yes, the uploader, picker, viewer and editor labels are fields. A few system alerts (permissions, errors) are in English for now.

Support
Questions or feature requests: clementbodet.pro@gmail.com

WA Instant Photo Uploader is an independent plugin. It is not affiliated with, endorsed by or sponsored by WhatsApp or Meta. WhatsApp is a trademark of Meta Platforms, Inc.