File Upload¶

Let end users add images with File Upload¶

While the Image component is an obvious choice when adding images to a page, it doesn’t allow end users to add or edit the image at runtime. The Salesforce data source type provides File Upload properties that allow users add/edit/remove an image on a page—for example, add a profile photo on a user detail page.

Set the File storage location to In field on record, and Display as to File preview/image. Then, select a reference field where the uploaded image will be stored (depending upon the object, you may want to create a new field in Salesforce for this purpose). Users will see an upload box with a default image (also set in the properties pane). They can click this to add their photo; once the image is present, they can delete it or replace it with another.

Avoid size limitations using Lightning’s File Upload component¶

The File Upload component, when used in a Lightning Experience page, may encounter file size limitations. Skuid’s alternative is to substitute the Lightning File Upload component (which doesn’t have the same size limitations, but does have functionality differences).

Component properties¶

You can only attach a file to an existing record. [[]]¶

If attempting to attach a file to a new record that has not yet been saved to the database, the upload will fail. You must first save the record before attaching a file to the record.

Note

This behavior may require workarounds to create records and then upload files to them with the File Upload component, particularly with the Wizard component.