The SharePoint Upload control was recently introduced to PowerApps, and I want to give a short demonstration of how it can be used. Firstly a little more information about the upload control.

The upload control has the following properties:

  • 10MB File Size restriction
  • Specific event triggers : OnAttach, OnRemove, OnSelect
  • Must be embedded on a form for it to be enabled.
  • Currently only works with SharePoint Lists with other upload data sources being made incrementally available in the future
  • iOS devices can only upload from document and cloud storage accounts (if you have photos you want to upload, it’s best to use the camera control instead).

Here are the steps to get started with Upload Controls:

  1. Create an App with SharePoint as your data source.

Screen Clipping

  1. Connect to a SharePoint Site and choose a list.

Screen Clipping

  1. The Canvas app has included the scaffolding for a vertical layout application complete with a list view of your SharePoint List, as well as a + button to add new records. Double Click on this + button.

Screen Clipping

  1. Click on the Form (hint: click on white space under all your fields) then click on Data

Screen Clipping

  1. Add the Attachments Attribute to the Fields list within the Data Source Window.

Screen Clipping

  1. Preview your app by pressing F5 or the Play button. Try uploading a file and click Save.

Screen Clipping

  1. (Optional) Now you probably want to preview your attached image against the record. Double click on the View Item Detail screen (hint: > button on the main list form).
    1. Click on the main form (hint again: > white space under your fields)
    2. Click on your Data (hint: right hand panel)
    3. Add Attachments field.
      Screen Clipping
    4. Now F5 to preview.
      Screen Clipping
    5. Clicking your attachments will allow you to download the file.

So as you can see it’s pretty simple to use, and works exactly as described. I look forward to further improvements to the upload control from Microsoft. If you have any feedback about this control, or something didn’t go exactly as you expected deploying your control, please do drop me a comment below and I will try to get back to you as soon as possible.

Additional Resources: