Power Apps Camera Control, Add Picture Control, and Optimize Image for Upload
Vložit
- čas přidán 8. 09. 2024
- You have probably used both the Power Apps Camera Control and the Add Picture Control before but do you really know the difference? And do you know how the Optimize Image for Upload setting changes things? If you don't everything about capturing pictures with Power Apps you will have you finish this video. And it has lots of Chewy pictures. 🐶
Upload an image to SharePoint via camera and flow • PowerApps Flow Intro U...
Upload a file to SharePoint document library (that JSON stuff) • PowerApps upload file ...
Power Apps Consulting and training at www.PowerApps9...
Thanks for this video Shane. I have seen it many times in the past, but now that I was adding a button to take the picture and not working I watched again and immediately understood what I was doing wrong. Appreciate your hard work teaching us.👍👍
Fantastic!
Sir, thank you for adding that available device choice for the drop down. i really appreciate all your videos thanks!
No problem 👍
Thanks Shane. If you could talk about taking multiple image and uploading it in SharePoint list!!
Cool. Noted 😀
Thanks so much for this! I'd originally used the camera control and used your other video on using Flow to convert the image and then scratched my head on why it didn't work when I tried to use it using the Picture selector control. This was EXACTLY what I needed! WonderShane to the rescue again! THANK YOU!!! :)
Great to hear!
Thank you Shane ! I look since severel days about a good tutoriel about this ! You are the BEST !
Great to hear!
Shane, you rock. With this video I just built my first app! :)
Azure this makes me so happy. 😻
@@ShanesCows Going to make you proud! :D
Thanks Shane. I was looking for a solution to the image rotation issue, and right on cue, you uploaded the answer. Love your work.
Great to hear! SEtting kicked our but last month for a while.
Thanks Shane!! You are really changing my life, my master!
Glad to help!
Thank you so much
You're most welcome
Thanks for the video Shane. I was wondering is there a way to limit the camera control to not take images from the phone library ? I am having a use case where the camera control should only upload pictures captured live from the camera.
Not that I know of, sorry.
Great video, as always perfectly explained and I love the little jokes ;-) (and Chewy).
I think there are more of us who would like to have a step-by-step tutorial on how to take a picture from within the PowerApp and then send that picture (or upload it to Sharepoint) using some workaround or by Add media (waiting for the camera control to be updated for use with HD images is a no go). Am I overseeing such a tutorial or would you be willing to make one? We want to update the current app in which we use the camera control to snap a picture of the documents we receive with the goods we order on different locations. And with 640x480 the text is too blurry to read.
I noticed your "new" jacket in this video is Gator Orange!
Orange is my favorite color. 🥰
Hi Shane, great video as always.
Been trying to optimise picture overlay functionality for one of my apps that will be used on a Ipad today, it was driving me mad until i realised that pictures taken using the camera control on the ipad have a resolution of 1192 x 842 and are around 940k optimized and 1.2mb unoptimized for upload. The issue is, my webcam like you say always takes pictures of 640 x 480 using the camera control in the designer, something to take in account when designing apps for Ipads as upload times will be longer and depending on how you have the image control set have different aspect ratios. :)
Thanks
Legend man! Thanks for this.
Glad to help. 😀
Hi Shane, How to display camera control full screen like google lens app does? Thanks
When you click Add Picture control on a mobile device it will invoke the full screen camera.
Hey Shane, Love your videos which have helped me greatly over the years. Used this video today to help solve an issue where I didn't want to save images to a SharePoint library using Flow but the same method as when using the default form to attach an image. I now have all my data in a form and an camera icon outside the form to open a modal overlay to select an image. The following code is used to display the image in the form but save it to the normal blob (?) store. No need for Flow or a separate SharePoint list.
If(frmEditStaffInfo.Mode=1,
DefaultProfileImage, // Use the default image
If(varUseThisPhoto,
UploadedProfileImage.Image, // Use the selected photo
Parent.Default // Use the saved photo
)
)
And the the following to either patch the the selected image or the default image. The varUseThisPhoto is set to true when a new photo is selected.
// Save the form to SharePoint
SubmitForm(frmEditStaffInfo);
// If a new photo was selected, save it to the user profile
If(varUseThisPhoto,
UpdateIf('YETI Employee Profiles', ID=frmEditStaffInfo.LastSubmit.ID, {Image: UploadedProfileImage.Image})
);
// If a photo hasn't been supplied, use the default user profile image
If(IsBlank(frmEditStaffInfo.LastSubmit.Image),
UpdateIf('YETI Employee Profiles', ID=frmEditStaffInfo.LastSubmit.ID, {Image: DefaultProfileImage})
);
// Set to false so that the image isn't saved to the next user when added or edited
Set(varUseThisPhoto, false);
// Set the form to view mode
ViewForm(frmEditStaffInfo);
Again thx for your great videos.
Cheers
Paul
Great video. I do have a question though. When I have the add media box it leaves the change picture box in front of my picture after I take it. Is there a way to make this invisible or at least less visible after the picture is added?
If you look on the left they are two different controls. You could separate them or set the visible property of the change control to only show if the image is blank. So yes, there are a few options.
Hi Shane, how did you set up the media add picture to take photo's using the phone camera? would this be the same for android phones too? Obviously that is a preferred option due to the res difference between the camera control (which really should be fixed by now) and the media.
Do you have a video tutorial on upload multiple of photos from a collection? Where we can take photo, keep it in a collection, view(thumbnail) in a gallery, then upload ALL into share point.
I covered that in my advanced class but not fully in a YT video. This video show a demo and have some hints czcams.com/video/NwbqdA9j8Ek/video.html
You have great knowledge buddy, instead of of a long video, without talking, you give demo first which takes u 5 mnts only, then you can explain , , in your long video content is of 5 mnts but leangth is too much, it gives headache watching and takes a lot of time ...hope you will take it positive, i can recommend ur channel to my colleagues then...
while Reza dorani, is very specific about his contents ,he delivers more in less talking.
Hi Shane Young
How can i insert an image into sharepoint list image type column using power apps?
Thanks in advance
I haven’t figured it out yet. 🤨 I assume we would have to use the Rest API but not sure.
czcams.com/video/iW9dpDntKrY/video.html Hope this helps
Thanks for the video Shane, but how can we record the image data in SQL Server and be able to retrieve it from SQL Server as an image again back into the Powerapp? Obviously, I am referring to exactly what you did here, but with SQL Server, not Sharepoint.
First, I would never recommend storing images in SQL, it is possible but always causes problems at scale. 😎
If you want to use SQL then store the raw base64 in your SQL field. Then you can recall it and show it back in an Image control. Nothing really special, just think of storing the base64 as storing a really big text field. I have done it before, it does work.
@@ShanesCows it's ok. We've decided to move away from SQL for this app and use Dataverse instead. I hope Dataverse is included with our E5 license
@@LatinoTropico I believe dataverse is included by default from a tenant but you still need to purchase PowerApps Premium License if the Dataverse is used on the PowerApps as a datasource to all users who accessing it. Correct me if I'm wrong
@@LatinoTropico Dataverse makes your app premium, you will need a Power Apps premium license for everyone who uses the app. E5 does NOT include Power Apps Premium licenses.
Hi Shane,thank you for video .I am using a android tablet to use add picture control to take pictures in my application,but I am unable to access my tablet camera .how to get to that option.please reply.
I am not sure. I haven’t ran into that. Are you using your app from the browser. Maybe that is why. Install the client
Hi Shane, i try to use camera as you do with a button and a Set(VarPhoto,Camera1.Stream), and an image with VarPhoto as image propertie. When i press the button, the photo doesn't appear. Very strange. Do you kwow why ? Thanks a lot.
Did you set the stream rate property of the Camera to 100?
@@ShanesCows So simple :-(. Thanks a lot
Hi, Master Shane, Help me please ! How do I store images from a gallery (colection) in sharepoint libraries?
Which command to use in power automate?
czcams.com/video/3QaiM8SeWfM/video.html
@@ShanesCows show !!! tks !
Plz make video on scatterplot in powerapps and add horizontal line on specific point like 50,60 etc
I have never done that one Vicky. Not sure it is possible.
Shane, Great video, thank you! I was wondering, is there any way to use Power Apps to add in watermarks or images into pictures the camera snaps as an option? If not Power Apps, what would be the easiest way to incorporate the Power Platform to do this? Thank you!!
Hi Sir, I know this post was 2 years ago, but it helps me a lot in doing my office project. But there is one thing that I hardly figuring for almost 1 week now, pertaining to the Camera Control. I have a Edit Form and inside this Edit Form is an Image control, where photo captured true camera control displayed and it works smoothly. But when I click item from a gallery, photos of that item was not displayed on Edit Form, photo captured in camera control is still remain and displayed. Please help me Sir on how to display photo from gallery to edit form and change it using camera control. Thank you in advance :)
Great video, im struggling to be able to get the iphone gallery option to show up when wanting to add a photo to a record, this works fine on Android and allows me to be able to either use the camera or upload from my photo gallery. Any potential work around for this as many of our power apps users have an iphone.
Hi. It might be related to the property "UseMobileCamera" on the "Add picture"-controll. Changing this to "false" changed the behavior for our iPhone-users.
Hi Shane, thanks for the video this is great by any chance can we also snip or select only certain part of the image ?
Not that I know of
Hi Shane, This is a great video. I am swapping over from the camera control to the image selection. I had the camera control save a URL with the image to sharepoint with the Patch function. Can you do this with the image selection or is it best done as a flow? Thanks again for all your help!
I think you are going to use the same way with flow.
Hi Shane & thanks for all the great videos they are a big help. I have an app that is used for an audit of our factory. I would like to add the ability to take a picture of an issue that the auditor would find. I am using SharePoint to collect the data in the current app. Would it be possible to take a picture & have it save the picture to the same SharePoint List where the data is saved (if yes any ideas on how you might do that), or does it need to be saved to a document library & then use Power Automate to bring the data & the picture back together in an email? I was also wondering if it would be possible to add the picture as an attachment?
Adding as an attachment would require a flow best i Know. Personally I prefer to add them to a doc lib (like so czcams.com/video/3QaiM8SeWfM/video.html) and then get the url to the file in the doc lib and add it to the SharePoint list item to connect the dots.
Hi @@ShanesCows,learnt new thing from you video, thanks ! I'm facing the same situation as eric yungfleisch but need the captured image to be save in excel . Appreciate if you could advise if any method to insert the captured image via powerapp ( not url link) in excel ?
Very Nice !!! Is it possible to insert a png on the camera, like a mask or a filter ? even if it's static. Like a first layer and the camera behing the png... Thanks to you
Hey Jeremy. You could add an image control over the top I guess. Or there are 3rd party flow actions that would merge your static file over the top after the fact I think. Not sure, I haven't played much with this idea.
@@ShanesCows thx a lot for your answer 🙂. It doesn't work. In my job I have à lots of ideas. Hope that you can help me, I have lots of questions 😁. My problem is the fullscreen with the back camera. I search...
Shane, I am new to powerapps and have been asked to introduce camera functionality into an app but for tablet and built within Microsoft Teams. I am aware that the camera control is not available within Teams and the Add Picture control only gives access to the camera on mobile devices. However, is there any other way to get the camera working on a laptop. As I'm fairly new to this, I want to be certain of the facts before I report back to colleagues.
I don't think so, Dataverse for Teams apps are limited and this is another example. Sorry
Hello Shane, how do I save the capture made with the camera control in sharepoint?, this is making a list of personnel and I want to add a person, take their photo and save the record in a sharepoint list.
Thank´s
czcams.com/video/ovLIwnj6QjU/video.html That was actually my very first Flow video. 😍
Hi Shane,
many thanks for this great video. Just as you told, I have the same problem with the rotated pictures. I designed a simple app for collecting our delivery notes and send the image by mail to our procurement team but the image is always rotated. (Yes, companies phones are Samsung...) Could you tell me something about the flow you mentioned for this problem? Many thanks and keep on doing those brilliant videos!
We used the Cloudmersive flow action to rotate the images. Wasn't too hard once we found the piece. 😀
@@ShanesCows Thanks for that. Unfortunately the Cloudmersive connector is Premium...
Hi Shane, Great video which I have built an app and rolled out to work. Question is have you ever done something where they take a picture and then maybe send a HTTP request through Power Automate to somewhere so that the background of the image gets removed and then returned to SharePoint. Currently our staff use a mobile device to take a photo of stock on a shelf and then use the PhotoRoom app to remove the background and then use the Add media control to upload to SP via Power Automate, I am looking at a way of stream lining the process. Appreciate any thoughts on this
Hi Shane, thanks for the amazing learning experience.
I am having an issue with video control. I am hosting videos from the SharePoint document library onto the Powerapps using the video control and it works fine on web while using from a but operating the same with Android app is not working it just doesn't load the video even if I can see the video control with no errors on the Android application.
Would really like your help on this one as I didn't find any solution online 😩
Hey how did you add the label to the picture ? if you have video on the same can you please provide me the link.
I think it is just laying over the picture. I didn't merge anything into the label. Have a time stamp of where I show it?
Hi Shane,
Thank You for this very useful Video.
Is it possible to upload mobile photos to shared onedrive folder rather than using the sharepoint? I could not find relevant article or videos on this. Appreciate if you could share some information on this matter
Regards,
Sathish
I am not sure either. I have never tried. I would ask you can your create a file in a shared OneDrive folder? If yes then you could adapt it his to do so.
@@ShanesCows Thank you for the response.
I will try to create file in shared one drive using powerautomation, will keep you posted once succeed. Meanwhile kindly share if you get some inputs on the same.
Thanks & regards
Sathish
Yes, It works. I referred the power apps documentation under the section "Upload photos to OneDrive with a Power Automate flow" .
Thank You
Hi Shane,
I used add media control, and it works fine in lap. But when I use the same from mobile my PDF creation is not happening. I am getting error like 'An exception occurred while executing within the sandbox'
Could you please help here.
Is there is any way to reduce the attachment size in powerautomate without using encodian like tool
Hi ,in my recent test all the images come with file size around 300k with 480x640 from camera control .yours show 50k any trick for that? or now we have the new not improved camera controll
Not sure. I didn't do anything to make mine smaller so I guess the Camera control has changed? Not sure.
Shane I'm doing a SharePoint PowerApps created from a SP list. I do not need the Camera control. I simply want the ability to upload an image to the PowerApps and it to display in the PowerApps. I am using the Media control then Add Picture. All of this is working but when I submit the app the picture disappears when opening the App again.
You have to save the image to a data source. I see from your other comment you found the video for that so hopefully you are good now.
Great video Shane, in the settings of an App you can set an experimental feature called improved media capture, any ideas what that does and safe to turn on being experimental? Thanks
I have no idea. 🤷♂️ I didn't know it was there until you told me. Thanks 😀 I will have to look into it. Hmmmm
@@ShanesCows It says its something to do with memory but i cant find any online documentation. Thanks for the reply.
Hi Shane! Do you know if it's somehow possible to set this "Optimize images for upload" option somehow in the canvas app itself? Would really help me. Best regards, Yannis
Hi Shane, If i use power apps on mobile apps? how to use front camera on mobile apps? thank you
Add the Camera control to you app. There is a Camera property. You can change the number. Which will change what Camera your device uses.
@@ShanesCows This is work shane. thank you!
Hi Shane, another fantastic video thanks!
Question: I'm using the inbuilt powerapps click through Tutorial Navigator and want to be able to click tutorialimage to fullscreen the image, is this possible?
Table(
{Step: 0, Text:"Here you can", Image: Myimage},
{Step: 1, Text:"This will be the start or the user guide", Image: Myimage1},
{Step: 2, Text:"Screenshots of app to highlight features and show its interface.", Image: Myimage2},
{Step: 3, Text:"Your tutorial screens start with zero in the formula. Leave it at zero so your tutorial advances correctly.", Image: Myimage3}
)
Thanks for any advice :)
Hey so I was wondering is there a way that you can get the camera to do two separate pictures? I want to have one camera that takes two different pictures for example a before and after picture. Is this possible?
The camera just takes a picture. You could save each picture it takes to a collection. Or have one button that saves the picture to varBefore and a different button that saves to varAfter. Every time you press the button you get what the camera sees.
@@ShanesCows Thank you! The video was great!
omg Thanks!!!!
Glad to help. 😀
How do you I capture a live image and upload it to a record on my gallery automatically?
You could set up a timer that sets the image variable from the Camera stream property.
Hi shane! great video as always man. I was wondering if I could pick up your brain for a sec, I have a camera control in my app which when I use it on an LG phone to take pictures, the pics will get saved to the phone by default. But when I try this same functionality on a samsung phone or an Iphone it just doesn't save them to the camera roll. Would you happen to know why?! It's driving me crazy ( I want to get them to always save to the camera roll besides saving to sharepoint).
Another great video Shane, but if you could do multiple images (similar request to 1toInfinity's comment) to one item on a SharePoint list I would be extremely grateful. Trying to create an issue tracker / inspection app (without any budget and limited coding experience) where we list the location, fault, description and then a few photos. Thanks for all the videos so far I am learning loads..... :-)
Think about it differently. Have a parent list that is the issue. Then have a child list where you keep a link for each item in the parent. CHeck out today's video. Same concept but you will keep images an their links. czcams.com/video/Uuolue31t5o/video.html
@@ShanesCows That's great thanks for the tip and I will check out the video.
@@ShanesCows sorry one last question. There seems to be so many ways to save an image to SharePoint should I use Attachments to a document Libra as per your video recently or Add Media? Thanks in advance.
@@Trackdesigner Attachment control if you are attaching a file (or image) that already exists works best.
@@ShanesCows thanks I guess add media then for a new image? I am confused only because I saw an attachment control video that opened a camera
What should you do if the camera doesnt render on the page for the mobile app?
I have never had that problem 😔
So I discovered that if you use the Add Picture control to take a picture, at least on the iphone, you will get the icon to switch between the front and rear camera. You won't need to choose it in the app.
Nice. ❤️
Can you add zoom function to the camera control
Not that I know of.
Hi shane, thank you for the video. is there a way to create a button to add the picture to the add picture controle rather than clicking on the photo =´?
I thought in the video I showed how to make a button. Hmmm. If I didn't then you need to take the camera control and increase the stream property to 100. Then on a button do Set(varImage, CameraControl.Stream)
Dear Shane, I got error with "ImgReceiptSPC.Run("test"&".ipg", varTrimmed)" invalid number of arguments recieved 2 expecting 1. Could you kindly help please?
You didn’t ask in Power Apps twice in your flow. 😎
Hi Shane, quick question... is it possible to store a Pen_Input.Image into a variable and later patch it to another collection?? because I was uploading perfectly fine until I changed it to a variable (i needed to add some conditions) and when I Patch, my image disappears and it is replaced by appress text...
can I set the search type of the images to a specific type like png or jpg ? Right now all the images type are shown.
thx
you are welcome :)
Hi Shane, is it possible to record Video through a similar method?
How to do image cropping in powerapps?
Not possible that I know of.
Can I sign up with my personal Microsoft account? How do I start with Power Apps?
Go to www.powerapps.com and click Try Free at the top and then sign up :)
@@ShanesCows okay. Thank you. I will give it a try.
@@ShanesCows It says I should use a work or school email. But I have a personal email (Microsoft account) that I linked to my office 365 package?
I am facing a weird issue where the camera control gets frozen as soon as picture is taken and doesn't let me click on Use Photo. This is happening very sporadically and I tried restarting the app , updating the app and nothing worked. The same issue seem to have been reported earlier in PowerApps community here but MSFT never seem to have fixed it.
powerusers.microsoft.com/t5/Building-Power-Apps/App-crashing-on-iOS-devices/td-p/205157/page/2
Any idea what's causing this? This is getting so frustrating that the users are losing trust in the app as the data is getting lost.
Here is a video from a user who is facing the same issue: czcams.com/video/MyMXe8sFr9E/video.html
We have seen that on older phones. Not sure. It seems like a bug you should contact Microsoft about. 😑
Click click 📸
😎😎
Actual video starts 11 minutes onwards..😀
There is a lot to learn in the first 11 minutes. 😀 I wouldn't recommend skipping it unless you know everything about image sizes and resolutions from those controls.