Pictures to SharePoint and Display back to Gallery

[Dorinda]

l am back again as a Newbie and stumped on how to accomplish what I need.  I have a form that allows users to submit items for sale, they also can upload up to three pictures (this may increase).  I am using the add photo as we are not using the camera piece just yet.  They hit a button and the pictures display in a gallery.  All good to this point.

My issue is I need to get these attached to the new item being created in the SharePoint List and attach the photos to the item.  Everything I am finding is referencing using the Camera feature, however that is not the experience we are looking for.  I am not sure how to use the Update Context or the Patch piece but I am slowly learning.

I was trying to follow the template for Site Inspector that is provided with power apps but got lost on the last part. What do i put in place of SiteInspector and how to i save the record and the photos on my submit button?

UpdateContext({AddPhoto:Patch(Pictures,Defaults(Pictures),{PhotoId:Max(Pictures,PhotoId)+1,Photo:Last(FirstN(MyPix,1)).Photo,ID:Max(SiteInspector,ID)+1,Note:Text(Last(FirstN(MyPix,1)).Note)})}));

I believe I can just use the column they are uploaded to to display them back in another gallery but not sure about that one either.

I really want to avoid using Flow since I am sure we have a better way to accomplish this.

Appreciate some guidance here 🙂

[JayMagness]

HI,

if you want contact me at Jay@research-Nest.com and I will try to help you through teams

I have done this a lot on different devices and it is fairly straight forward but want to make sure we get your issues resolved.

Jay

[v-bofeng-msft]

Hi @Dorinda :

Do you want to add the pictures as attachments to the sharpoint list?

The point is using form,I've made a test for your reference:

1\add a add  picture control(UploadedImage1)

OnSelect:

Collect(
    MyPics,            /*create a collection to save the signature pic*/
    {
        DisplayName: Concatenate(
            "image",
            Text(
                Now(),
                "[$-en-US]yyyy-mm-dd-hh-mm-ss"
            ),
            ".jpg"
        ),
        Value:UploadedImage1.Image,
        AbsoluteUri: "",
        Id: "00000000-0000-0000-0000-000000000000"
    }
)

2\Add a form

DataSource:

MyPhoto /*MyPhoto is my data source*/

DefaultMode:

FormMode.New

3\set the attachments control’s Items property to: MyPics

4\Add a button:

OnSelect:

SubmitForm(Form3)

 

I think these links will help you a lot:

https://powerusers.microsoft.com/t5/Building-Power-Apps/Signature-in-forms/td-p/521201

https://piyushksingh.com/2019/09/25/powerapps-upload-images-to-sharepoint/

https://piyushksingh.com/2019/09/25/powerapps-upload-images-to-sharepoint/

Best Regards,

Bof

[Dorinda]

Thank you for your reply but that is not exactly what I am trying to do.

I want to allow the user on a NewForm to add attachments and preview them in a gallery prior to uploading them to the SharePoint list, then I need to be able to display them another gallery that is feed off that SharePoint list after they have been uploaded.

I have been able to add a add photo control and associate that to a vertical gallery, but now I need to get them added as attachments so that they are loaded into SharePoint.

This is where I am stuck. 

I have figured out how to display them back out of the attachments field in SharePoint but not the preview before.

Dorinda

[v-bofeng-msft]

Hi @Dorinda :

Do you now want to create a gallery to preview the pictures in the attachment?

Best Regards,

Bof

[Dorinda]

@v-bofeng-msft  Yes that has been what I need from the beginning, I probably just didn't explain it well.  Is this possible?

[Dorinda]

I figured out to get it working I will post the solution shortly

[Dorinda · Accepted solution]

Here is my solution to the question.

I was able to preview the images by using the attachments control to upload the images and button to send the images to the gallery.

I used the following OnSelect Collect(MyPix, attachmentBox.Attachments) on a button that then displayed the gallery attached to my collection MyPix.

Works well.