9 Sep September 9, 2019 by Rakesh Pandey in Blog, Microsoft Flow, Microsoft PowerApps no Comments tagged: Microsoft Flow, Microsoft PowerApps, MSFlow, PowerApps, SharePoint Online Upload Multiple Pictures into SharePoint Folder via PowerApps Hello everyone !! Hope you all are enjoying our blogs. Visit this link in order to see our listed blogs. Today we will see how to Upload Multiple Pictures into SharePoint Folder via PowerApps. We will use gallery control to add multiple pictures taken through camera control. We will upload those picture in SharePoint library folder by a triggered using button click. Agenda for this blog Create PowerApps Screen and Formulas for controlsMS Flow to create folder and upload pictures into it Create PowerApps Screen and Formulas for controls We will add a screen under the screens tab of our application. Screen shot of my screen is below. Figure 1. We will discuss each control in details below: In above screen shot, we are using Camera, Image, Label and TextInput controls. Each control is explained below. Label1 > Text > “Click Pic“Image1 > Image > Camera1.PhotoLabel2 > Text > Pic NameTextInput1 > “To key in picture name” Figure 3. Label3 > Text > “Choose Folder Name or Key in New:“Dropdown1 > Items > Filter([@Documents],IsFolder=true).NameHere [@Documents] is a data connection to my sharepoint library. Basically I am populating all the folders to this drop downTextInput2 > Default > Dropdown1.SelectedText.Value. We can also use new folder name as well. Add To Gallery Icon > OnSelect > Collect(PictureColl,{Picture:Image1, Name:TextInput1.Text})Clear All From Gallery Icon > OnSelect > Clear(PictureColl) Figure 4. Gallery1 > items > PictureColl Image2 (Control in side Gallery1) > Image > ThisItem.PictureLabel10 (Label holding picture’s name)> Text > ThisItem.Name&”.jpeg”Button (Send to SharePoint) > OnSelect > ForAll(Gallery1.AllItems,Filetosharepoint.Run(Label10.Text,Image2.Image,TextInput2.Text,TextInput2.Text,TextInput2.Text))Here, Filetosharepoint is a flow which will create new folder if it doesn’t exists. And upload all the items from gallery to that SharePoint Folder. MS Flow to create folder and upload pictures into it Now we will create the MS flow to create a folder and upload the pictures into it. If you don’t know how to do please visit link. Below are the steps involved in this Flow.1) Construct an object 2) List All the folders inside SharePoint library3) Filter Lists array on the basis of whether is folder or not4) Again filter the array on the basis of folder name5) If condition to check folder. In Case of yes create a folder and then item into it. If not, then first create a folder and then item inside it.We will discuss all the above steps in details below. Figure 5. Construct an object Figure 6. Add compose action from data operations list. Inside inputs pass dataUriToBinary using Expression tab. Formula will be like this datauritobinary(triggerBody()[‘CreatefileFileContent’]). Here CreatefileFileContent will be provided in powerapps. List All the folders inside SharePoint library Figure 7. Add List folder action from SharePoint list. Provide Site Address and File Identifier values. Filter Lists array on the basis of whether is folder or not Figure 8. Add Filter array action from data operations list. From is equal to Body of the list folder actionThen condition will be IsFolder is equal to true. Again filter the array on the basis of folder name Figure 9. Again Add Filter array 2 action from data operations list. From is equal to Body of the Filter array actionThen condition will be Name (Body value from Filter array action )is equal to concat(triggerBody()?[‘Filterarray2_Value’]). Here Filterarray2_Value will come from powerapps. Condition to check folder existence Figure 10. Add if condition from action galleryIf empty ( Body value from Filter array 2 action ) is true; then create new folder and file into that If empty ( Body value from Filter array 2 action ) is false; then create file Create folder Figure 11. Provide Site Address and Library nameFolder path will be coming from powerapps Create new File Figure 12. Provide desired site address and folder pathFile name value will come from powerappsFile content will be the Output value of Compose After performing all these steps you are ready to test your application. 🙂 Hope you all will like this post, if so do please subscribe our site and also share this post. One important announcement we are going to start a PowerApps and Flow virtual lead 24 hrs training course from 5th october. If you are interested go through our site and register. Rakesh PandeyRakesh is a Solution Architect having 11 years experience in banking domain designing enterprise level applications on Microsoft technologies. He has strong experience working on Azure, SharePoint, PowerApps & Flow. Apart from technology, I like to play badminton. Share this:Click to share on WhatsApp (Opens in new window)Click to share on LinkedIn (Opens in new window)Click to share on Facebook (Opens in new window)Click to share on Twitter (Opens in new window) Related