Linking images and files in hash Last updated: 09. Mar 2023

If image is stored in a field called Image1:

<img src="#linkimage(Image1,1024,768,2)#" alt="An image" />

If the file is stored in a field called File1:

<a href="#request.Url#/#File1#/#File1-Filename#">Download file</a>

#for (let item of Items) {#
<div>
    Just address the field name for each item:
    <img src="#linkimage(item.Image,1024,768,2)#" alt="An image" />
    
    Same for file:
    <a href="#request.Url#/#item.File1#/#item.File1_Filename#">Download file</a>
</div>
#}#

<div>
    <!-- Get data from other page (file or document type) -->
    #let p = docly.getFile("image.jpg")#
    
    <!-- Link image from other page and scale -->
    <img src="#p.Url#/#p.File#/1024x768x1/virtual-name.jpg" alt="An image" />
</div>

#let folders = docly.getFolders("/")#
#for (let item of folders) {#
<div>
    <h3>Folder: #item.Name#</h3>
    
     <!-- Links the image from the folder URL and the attachment name and scaling as suffix -->
    <img src="#item.Url#/#item.Image#/100x100x2/image.jpg" alt="" />
</div>
#}#

#let p = docly.getFile("image.jpg")#

<div style="background-image: url('~#p.Url#/#p.File#/1024x768x1/virtual-name.jpg'); width:1024px;height:768px">
</div>