top of page
Writer's pictureGirijesh Dixit

How to add Images to Canvas Apps from camera or picture gallery

Adding pictures is quite fantastic and super fun in the canvas app. There are multiple ways to add pictures

  • Camera control – that opens up the camera on the user’s device

  • Another way is Attachment control – easier to implement

The attachment control is a file uploader, which allows uploading the images in all canvas app allowed image formats. This behaves accordingly to devices like using a phone, tablet, or computer.


On Phones or tablets, this brings a pop up that allows

  • Open camera

  • Choose from pictures

  • Choose actual files

In such devices, this gives more flexibility, but on computers, it opens up a file loader that allows selecting any picture from the computer


Let’s see how we can implement the images uploader


Step 1 - Open the maker portal ((https://make.powerapps.com/) and create a new app.


Step 2 - Insert a form and set the data source




Step 3- Change the form mode from edit to New




Step 4- Rename the Control as Images



Step 5- Insert a blank horizontal gallery to display the uploaded images



Step 6- Set the data source as a collection



Step 7 – Insert the Media – Image, to show the images



Step 8 - Set image property in formula bar “Image = ThisItem.value



Step 9- Save the app and hit the play button.



Source Code - Please download the app from this link Github


Happy learning!!



Recent Posts

See All

Comments


bottom of page