Load image and css in Golang

Question

I setup a route in server.js in package main in root directory of project

http.HandleFunc("/",route.IndexHandler)

The IndexHandler is implemented in package route like this:

func IndexHandler(w http.ResponseWriter, r *http.Request) {
    data:=struct{
        Name string
    }{
        "My name",
    }
    util.RenderTemplate(w, "index", data)
}

The RenderTemplate function is implemented in package util like this:

func RenderTemplate(w http.ResponseWriter, tmpl string, data interface{}) {
    cwd, _ := os.Getwd()
    t, err := template.ParseFiles(filepath.Join(cwd, "./view/" + tmpl + ".html"))
    if err != nil {
        http.Error(w, err.Error(), http.StatusInternalServerError)
        return
    }
    err = t.Execute(w, data)
    if err != nil {
        http.Error(w, err.Error(), http.StatusInternalServerError)
    }
}

Directory structure in project like this:

/
/public/css
/public/images
/public/js
/route
/view

index.html view is located in folder view, router is in folder route

In index.html I include resources like these:

<link rel="stylesheet" type="text/css" href="../public/css/style.css">

<img src="../public/images/img_landing_page_mac.png">

When request the appropriate path, index.html is still rendered, but images and stylesheet are not loaded. How can I do to include them in Golang html template engine?

Aruna Herath · Accepted Answer · 2016-03-09 11:20:53Z

16

You need to explicitly ask your server to serve static files.

See http.FileServer

In your case register another handler.

http.Handle("/public/", http.StripPrefix("/public/", http.FileServer(http.Dir("public"))))

answered Mar 9, 2016 at 11:20

Aruna Herath

6,5822 gold badges43 silver badges62 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

libertylocked · Accepted Answer · 2016-03-09 19:56:11Z

3

Like Aruna said, register a static file server handle

http.Handle("/public/", http.StripPrefix("/public/", http.FileServer(http.Dir("public"))))

And to use the files in your HTML, simply

<img src="/public/images/img_landing_page_mac.png">

answered Mar 9, 2016 at 19:56

libertylocked

9225 silver badges16 bronze badges

Collectives™ on Stack Overflow

Load image and css in Golang

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related