not loading images in rack application - rack

Question

I created a simple rack application to display the specified directory contents. But the problem is if directory have any img file I want it to display in a small thumbnail.
"
require 'rubygems'
require 'rack'
require 'rack/server'
class EnvInspector
def self.call(env)
request = Rack::Request.new env
#name=request.params["path"]
#name.prepend("/home/")
#result="";
if File::directory?((#name.to_s))
Dir.foreach(#name) do |item|
item=item.sub(/([^\s]+(\.(?i)(jpg|png|gif|bmp))$)/,"<img src=\"#{#name}\/\\0\" width=100px height=100px/>")
#result =#result + "<li>#{item}</li>"
end
#result.prepend("<ul>");
#result+="</ul>";
[200, {"Content-Type"=>"text/html"},["##result"]]
else
[200, {"Content-Type"=>"text/html"},["No file in this directory"]]
end
end
end
Rack::Server.start :app => EnvInspector "
It is not showing the image in the browser. Even the browser getting the correct img path.

Answer 1

Resolved this issue with giving relative path to image url
require 'rubygems'
require 'rack'
require 'base64'
require 'rack/server'
require 'nokogiri'
class EnvInspector
def self.call(env)
request = Rack::Request.new env
#name=request.params["path"]
#name.prepend("/home/")
#result="";
if File::directory?((#name.to_s))
Dir.foreach(#name) do |item|
fname = item
if fname.match(/([^\s]+(\.(?i)(jpg|png|gif|bmp))$)/)
file = File.open("#{#name}/#{item}")
data = file.read
img_encoded = Base64.encode64(data)
items = "<img src='data:image/*;base64, #{img_encoded}' width= 100px height=100px/>"
#result =#result + "<li class=\"list-group-item\">#{items}</li>"
else
#result=#result + "<li>#{item}</li>"
end
end
#result.prepend("<ul>");
#result+="</ul>";
[200, {"Content-Type"=>"text/html"},["##result"]]
else
[200, {"Content-Type"=>"text/html"},["No file in this directory"]]
end
end
end
Rack::Server.start :app => EnvInspector