not loading images in rack application

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