PropertyCarousel.cmp

<aura:component implements="force:hasRecordId,flexipage:availableForAllPageTypes" controller="PropertyController" access="global">

    <aura:attribute name="recordId" type="Id" />
    <aura:attribute name="property" type="Property__c" />
    <aura:attribute name="files" type="Object[]" />

    <force:recordData recordId="{!v.recordId}"
        targetFields="{!v.property}"
        fields="['Id', 'Name', 'Address__c', 'Description__c']"/>

    <aura:handler name="init" value="{!this}" action="{!c.onInit}" />
    <aura:handler event="ltng:selectSObject" action="{!c.recordChangeHandler}"/>

    <c:rflibLoggerCmp aura:id="logger" name="PropertyCarousel" appendComponentId="false" />

    <lightning:card title="{!v.property.Name}" iconName="custom:custom38">
        <aura:if isTrue="{!v.files.length > 0}">
            <lightning:carousel disableAutoRefresh="true">
                <aura:iteration items="{!v.files}" var="file" indexVar="index">
                    <lightning:carouselImage src="{! '/sfc/servlet.shepherd/version/download/' + file.Id}" />
                </aura:iteration>
            </lightning:carousel>
            <aura:set attribute="else">
                <div class="card-content">
                    <lightning:icon iconName="utility:photo" size="medium" class="slds-align_absolute-center"/>
                    <p class="slds-text-color_weak">There are currently no pictures for this property.</p>
                </div>
            </aura:set>
        </aura:if>
        <div class="card-content">

        	<lightning:fileUpload label="Add picture" multiple="true" accept=".jpg, .png, .gif" recordId="{!v.recordId}" onuploadfinished="{!c.onUploadFinished}"/>
        </div>
    </lightning:card>

</aura:component>