Skip to content

Examples (Beta 1.0.9)

Sam Hibberd edited this page May 31, 2019 · 1 revision
{# Profile Image Uploader #}

{{ craft.uploadit.userPhotoUploader({
    transform: 'profile',
    default: globalImages.defaultProfilePicture.one() ?? null,
    photo: currentUser.photo ?? null,
    enableRemove: true,
    round: true,
    width: 160,
    height: 160,
    imageClasses: ''
}) }}

{# Field Uploader - assetsMultipleAny #}

{{ craft.uploadit.fieldUploader({
    id: 'myFieldUploader-assetsMultipleAny',
    name: 'fields[assetsMultipleAny]',
    assets: entry.assetsMultipleAny ?? [],
    field: 'assetsMultipleAny',
    element: entry,
    view: 'background',
    transform: '',
    enableReorder: true,
    enableRemove: true,
}) }}


{# Field Uploader - assetsMultipleImage #}

{{ craft.uploadit.fieldUploader({
    id: 'myFieldUploader-assetsMultipleImage',
    name: 'fields[assetsMultipleImage]',
    assets: entry.assetsMultipleImage ?? [],
    field: 'assetsMultipleImage',
    element: entry,
    view: 'image',
    transform: 'square',
    enableReorder: true,
    enableRemove: true,
    themeColour: '#00ffff',
    selectText: 'Select images',
    dropText: 'drop images here',
    showUploadIcon: false,
}) }}

{# Volume Uploaders #}

{{ craft.uploadit.volumeUploader({
    id: 'myLocalAssetsUploader',
    volume: 'localAssets',
    folder: 'my/custom/folder',
    assets: [],
    enableDropToUpload: false,
    layout: 'grid',
    view: 'auto',
    themeColour: '#00ff00',
    transform: 'square',
    selectText: 'Upload Assets',
    dropText: 'drop to upload assets',
    showUploadIcon: true,
    limit: null,
    maxSize: 3000000,
    allowedFileExtensions: 'pdf,png,csv,jpg',
}) }}

{{ craft.uploadit.volumeUploader({
    id: 'myAmazonAssetsUploader',
    volume: 'amazonAssets',
    themeColour: '#ff00ff',
}) }}
Clone this wiki locally