Featured AI Products
Compute
Build, deploy, and scale cloud compute resources
Containers and Images
Safely store and manage containers and backups
Managed Databases
Fully managed resources running popular database engines
Management and Dev Tools
Control infrastructure and gather insights
Networking
Secure and control traffic to apps
Security
Help protect your account and resources with these security features
Storage
Store and access any amount of data reliably in the cloud
Browse all products
AI/ML
CMS
Data and IoT
Developer Tools
Gaming and Media
Hosting
Security and Networking
Startups and SMBs
Web and App Platforms
See all solutions
Community
Documentation
Developer Tools
Get Involved
Utilities and Help
Become a Partner
Marketplace
Pricing

- Community
- DigitalOcean
- Community
- DigitalOcean

The developer cloud

Scale up as you grow — whether you're running one virtual machine or ten thousand.

Start building today

From GPU-powered inference and Kubernetes to managed databases and storage, get everything you need to build, scale, and deploy intelligent applications.

How do I display an image file that is outside the roda root folder?

Question

Posted on August 31, 2026

DigitalOcean Droplets

By ebeecroft

I have a banner file that is located at the path /var/www/static/images/banner.jpg. My project root folder is located at /var/www/Duelingpets-Dev. The css code works fine but when I try to get my image file to display it keeps throwing 404 error messages even I am setting it to the correct location. I don’t know what I am missing but the css file works just fine. Any help would be greatly appreciated.

Here is the banner locaton.

duelingpets-admin@DuelingpetsDev-WS1a:/var/www/static/images$ ls
banner.jpg

Here is my app file.

require "roda"

class App < Roda
  opts[:root] = __dir__
  plugin :render
  plugin :static, ['/css'], root: ''
  plugin :static, ['/images'], root: 'www/static/'

  route do |r|

    r.root do
      #"Blah Hello from Roda served via Falcon on DigitalOcean!"
       #File.read('home.html.erb')
      view(:home)
    end

    r.on('about') do
       #"A new about page to help with the project"
       File.read('about.html.erb')
    end

    r.get('web-layout.css') do
       response['Content-Type'] = 'text/css; charset=utf-8'
       #File.read('web-layout.css')
       File.read(File.expand_path('web-layout.css', __dir__))
    end
  end
end

The layout file looks like this.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My new website</title>
    <link rel="stylesheet" href="../css/reset.css?v=2">
    <link rel="stylesheet" href="../css/style.css?v=2">
</head>
<body>

      <p class="sidebar">Nav Bar</p>
      <p class="content">Banner</p>
      <img src="images/banner.jpg?v=2" alt="Web Logo" />

   <main class="content">
      <%= yield %>
   </main>

      <p class="footer">Footer</p>

</body>
</html>

How do I display an image file that is outside the roda root folder?

Question

Posted on August 31, 2026

DigitalOcean Droplets

By ebeecroft

Here is the banner locaton.

duelingpets-admin@DuelingpetsDev-WS1a:/var/www/static/images$ ls
banner.jpg

Here is my app file.

require "roda"

class App < Roda
  opts[:root] = __dir__
  plugin :render
  plugin :static, ['/css'], root: ''
  plugin :static, ['/images'], root: 'www/static/'

  route do |r|

    r.root do
      #"Blah Hello from Roda served via Falcon on DigitalOcean!"
       #File.read('home.html.erb')
      view(:home)
    end

    r.on('about') do
       #"A new about page to help with the project"
       File.read('about.html.erb')
    end

    r.get('web-layout.css') do
       response['Content-Type'] = 'text/css; charset=utf-8'
       #File.read('web-layout.css')
       File.read(File.expand_path('web-layout.css', __dir__))
    end
  end
end

The layout file looks like this.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My new website</title>
    <link rel="stylesheet" href="../css/reset.css?v=2">
    <link rel="stylesheet" href="../css/style.css?v=2">
</head>
<body>

      <p class="sidebar">Nav Bar</p>
      <p class="content">Banner</p>
      <img src="images/banner.jpg?v=2" alt="Web Logo" />

   <main class="content">
      <%= yield %>
   </main>

      <p class="footer">Footer</p>

</body>
</html>

Become a contributor for community

DigitalOcean Documentation

Resources for startups and AI-native businesses

The developer cloud

Start building today

Report this

How do I display an image file that is outside the roda root folder?

Related questions

Odoo 16 Server – High Outbound Bandwidth, CPU 98%, Web Console & SSH Unresponsive

Post-Incident Security Validation: Rebuild or Trust the Existing Droplet

Bug Bounty Inquiry Before Submitting Security Report

Currently, outgoing SMTP ports 587 and 465 are blocked by default on my droplet. Could you please unblock outgoing SMTP ports for my droplet

VPS de UBUNTU a Windows

Not see memory usage graph in droplet monitoring

digital ocean charged $10 but my payment method does not get verified and droplet cannot be activated

DNS problem on one site today

new DNS issue today on a website, no changes for many years

View all droplets with tag

View all droplets with a tag

Droplet stuck: "Power on" and "Snapshot" both in Executing state for hours - what are my options?

Report this

How do I display an image file that is outside the roda root folder?

Related questions

Odoo 16 Server – High Outbound Bandwidth, CPU 98%, Web Console & SSH Unresponsive

Post-Incident Security Validation: Rebuild or Trust the Existing Droplet

Bug Bounty Inquiry Before Submitting Security Report

Currently, outgoing SMTP ports 587 and 465 are blocked by default on my droplet. Could you please unblock outgoing SMTP ports for my droplet

VPS de UBUNTU a Windows

Not see memory usage graph in droplet monitoring

digital ocean charged $10 but my payment method does not get verified and droplet cannot be activated

DNS problem on one site today

new DNS issue today on a website, no changes for many years

View all droplets with tag

View all droplets with a tag

Droplet stuck: "Power on" and "Snapshot" both in Executing state for hours - what are my options?