How to upload multiple images in Adalo
Adalo has no native multi-image upload, its Image property accepts one file at a time. The standard workaround is a hosted uploader embedded in a WebView component: the user picks several files at once, each upload is tagged with the record ID you pass in via the URL, and your Adalo list reads the results back.
This comes up in every listing, portfolio and inspection app. Here is the full setup, including how to make sure each upload is attached to the right record.
Build the uploader
Choose what users can pick, set the file limit, and style it to match your app.
- A live preview shows exactly what users will see.
- Match your app's colours before you embed it.
Pass the record it belongs to
Uploads are only useful if you know which record they belong to.
- The uploader URL accepts extra values you add yourself.
- Every file gets tagged with those values automatically.
- Replace placeholders with Magic Text from the current screen.
- This carries the right listing, order or profile ID with each upload.
Place it in a WebView component
Add a WebView component to your screen and paste in the uploader URL.
- Set a height of at least 320 px so the picker is not cut off.
- Turn on the transparent background so it blends into your screen.
- Test on a real device, camera and gallery permissions behave differently there.
- Give users feedback: each file should show as complete before they leave the screen.
Show the uploaded images back in Adalo
Point the uploader at a destination collection, then bind a list to it.
- Filter that list by the same record value you passed into the uploader.
- Users see their images immediately after upload.
- This is what makes the flow feel native rather than bolted on.
Common mistakes and how to diagnose them
Uploads succeed but do not appear in the app.
- Likely cause:
- The list filter does not match the value passed into the uploader.
- Fix:
- Compare the exact parameter value sent with the filter on the list, usually an ID mismatch or a stray space.
The uploader is cut off.
- Likely cause:
- WebView height too small.
- Fix:
- Set at least 320 px, more if you show a preview grid.
Large photos fail on mobile data.
- Likely cause:
- Full-resolution camera files on a slow connection.
- Fix:
- Enable compression before upload and keep per-file limits realistic.
Camera access is blocked.
- Likely cause:
- Permission denied at the OS level for the app.
- Fix:
- Check device permissions and test the flow again from a fresh install.
Real example: property listings with ten photos each
An agent app needed up to ten photos per listing. Native Adalo meant ten separate image inputs and a lot of tapping.
With the uploader embedded in a WebView and the listing ID passed as a parameter, agents selected all ten from the gallery in one action. The listing screen simply displayed a list filtered by that same ID.
When you need an Adalo expert
Plenty of Adalo issues are straightforward to fix yourself with the steps above. It usually pays to bring in an experienced Adalo developer when the problem sits deeper in the build:
- Uploads must be written into an existing backend with its own permissions.
- You need processing after upload, resizing, watermarking, virus scanning, approval flows.
- The upload has to trigger something else in the app, such as notifying an admin.
Related guides
Where to store image uploads for an Adalo app
Compare hosted collections, Adalo collections and Xano as destinations for uploaded files, and pick the one that fits how your app already works.
How to use a WebView component in Adalo
What the Adalo WebView component does, how to pass data in with URL parameters, sizing it correctly, and the limits to design around.
How to structure collections for an Adalo app
Field types, relationships and naming rules that keep an Adalo app fast to filter, easy to change, and painless to connect to an API later.
Frequently asked questions
Can Adalo upload multiple images at once?
Not natively, the Image property takes one file. A hosted uploader in a WebView is the standard workaround.
How many files can users pick at once?
You set the limit per uploader, and each file can be up to 100 MB.
How do I attach uploads to the right record?
Pass the record ID into the uploader URL with magic text and filter your Adalo list on the same value.
Does it work outside Adalo?
Yes, the URL works in any WebView, iframe or browser.
Can users delete an image they uploaded?
Yes, if you expose delete in your app or from the uploads list behind the uploader.
Webnux Tools is an independent product by Webnux Ltd. It is not affiliated with, endorsed by, or sponsored by Adalo, Inc. Adalo is a trademark of Adalo, Inc.