# GraffitiImagePicker
Class Inherits GraffitiWebUIControl
## About
A beautiful component designed to allow users to upload images directly from their device storage or camera.
## Compatibility
### Framework API Version
| 1.0 | 2.0 |
| :---: | :---: |
| True | True |
### Web
| 32-Bit | 64-Bit |
| :---: | :---: |
| True | True |
## Enumerations
| Name | Value | Description |
| --- | :---: | --- |
| Sizes | Cover <br > Contain <br > Full | Supported image size models. |
## Event Definitions
| Name | Parameters | Return Type | Description |
| --- | :---: | :---: | --- |
| Clicked | (None) | (None) | Fired when the user clicks the element. |
| FileRemoved | (None) | (None) | Fired when the user clears the selected image. |
| FileSelected | (None) | Boolean | Raised when the user selects a file. |
| FileUploaded | (None) | (None) | Fired when the upload is complete and Value is populated with the image data. |
| Open | (None) | (None) | (None) |
| ProgressReceived | ProgressValue as Double | (None) | Fired when a packet is received during the upload operation. |
| Shown | (None) | (None) | (None) |
## Methods
| Name | Parameters | Return Type | Description |
| --- | :---: | :---: | --- |
| Clear | (None) | (None) | Clears the currently selected image. |
| PictureValue | (None) | Picture | Returns the current value of the component as a Xojo Picture object or Nil is conversion of data to Picture fails. |
| Upload | (None) | (None) | Begins uploaded the currently selected image. |
| Value | (None) | GraffitiWebFile | Sets the currently displayed image to the value specified. |
| Value | assigns File as GraffitiWebFile | (None) | Sets the currently displayed image to the value specified. |
| Value | assigns p as Picture | (None) | Sets the currently displayed image to the value specified. |
| Value | newValue as String <br> isBASE64 as Boolean = True | (None) | Sets the currently displayed image to the value specified. |
## Properties
| Name | Type | Default Value | Description |
| --- | :---: | :---: | --- |
| AutoUpload | Boolean | False | When True, upload will commence immediately upon file selection. |
| IconFindButton | String | (None) | FontAwesome icon used within the Find button. |
| IconFindButtonURL | String | (None) | Icon to display in the find button. |
| IconRemoveButton | String | (None) | FontAwesome icon used within the Remove button. |
| IconRemoveButtonURL | String | (None) | Icon to display in the remove button. |
| IconUploadButton | String | (None) | FontAwesome icon used within the Upload button. |
| IconUploadButtonURL | String | (None) | Icon to display in the upload button. |
| ImageSize | Sizes | (None) | Determines how selected images are drawn within the component display. |
| PlaceholderText | String | (None) | Text to display when no image is selected. |
| ShowFindButton | Boolean | (None) | Determines whether the find button will be displayed when appropriate. |
| ShowRemoveButton | Boolean | (None) | Determines whether the remove button will be displayed when an image is selected. |
| ShowUploadButton | Boolean | (None) | Determines whether the upload button will be displayed when an image is selected. |
| StyleFindButton | GraffitiStyle | (None) | WebStyle applied to the Find button. |
| StyleRemoveButton | GraffitiStyle | (None) | WebStyle applied to the Remove button. |
| StyleUploadButton | GraffitiStyle | (None) | WebStyle applied to the Upload button. |