Go言語において、html上で画像が出力されません

ディレクトリ構造
dev/templetes/index.html
             /test.jpg
   /main.go

go
1//main.go
2package main
3
4import (
5	"flag"
6	"fmt"
7	"html/template"
8	"log"
9	"net/http"
10	"path/filepath"
11	"sync"
12	"time"
13)
14
15type templateHandler struct {
16	once     sync.Once //一回だけコンパイル？
17	filename string
18	templ    *template.Template
19}
20
21func (t *templateHandler) ServeHTTP(w http.ResponseWriter, r *http.Request) {
22	t.once.Do(func() {
23		t.templ =
24			template.Must(template.ParseFiles(filepath.Join("templates", t.filename))) //htmlのあるフォルダ指定
25	})
26	t.templ.Execute(w, nil)
27
28	// logの代わり
29	fmt.Print(time.Now())
30	fmt.Printf(" path: " + r.URL.Path + "\n")
31}
32
33func main() {
34	var addr = flag.String("addr", ":8080", "アプリケーションのアドレス")
35	http.Handle("/", &templateHandler{filename: "index.html"})
36	log.Println("Webサーバを開始します。ポート:", *addr)
37	if err := http.ListenAndServe(*addr, nil); err != nil { //ListenAndServeメソッドでポート8080を使いWebサーバを開始する
38		log.Fatal("ListenAndServe:", err)
39	}
40}

html
1<!DOCTYPE html>
2<html>
3    <head>
4        <title>テスト</title>
5    </head>
6    <body>
7        <img src="test.jpg" width="100" height="100" alt="テスト">
8    </body>
9</html>

このソースコードでlocalhost:8080にアクセスしたら、画像が出力されません。
imageパッケージ等色々調べましたがいまいち理解ができません

ソースコードのミス、使わないといけないパッケージ等教えてもらえると幸いです

行動規範の内容に同意します

回答2件

自己解決

ginをつかってソースコードを全体的に変更しました。router.Staticを使って静的ファイルを通しました

go
1package main
2
3import (
4	"net/http"
5
6	"github.com/gin-gonic/gin"
7)
8
9func main() {
10	router := gin.Default()
11	router.LoadHTMLGlob("templates/*.html")
12	router.Static("assets", "./assets")
13
14	router.GET("/", func(ctx *gin.Context) {
15		ctx.HTML(http.StatusOK, "index.html", gin.H{})
16	})
17	dbInit()
18	router.Run(":8080")
19}
20

assetsにpngなりcssを入れて、html側で、localhost:8080/assets/~~.pngと指定します

投稿2020/04/26 08:41

編集2020/04/26 08:56

marny12345

総合スコア17

m.ts10806

2020/04/26 08:50 編集

という内容では誰にもどう解決したか伝わらないですよ。 >https://teratail.com/help#resolve-myself >また後から読む人のためにも、具体的な解決手順を記載してください。

marny12345

2020/04/26 08:56

変更しました

行動規範の内容に同意します

こういう記事とか読んでいると、静的ファイルの置き場所は「resources」配下なんじゃないかなと思うんですが、どうなのでしょうか。
試してみてください。

あ、いやもっと読んでいくべきでした。
同じ記事内で反映されるコードがあって、

go
1http.Handle("/resources/", http.StripPrefix("/resources/", http.FileServer(http.Dir("resources/"))))

が入ってるから、単にルールを自分で決めるだけですね。
ちゃんとサーバー側で「ここで静的ファイルが保管されている」ことを教えてないといけません。

投稿2020/04/24 15:06

編集2020/04/24 15:09

m.ts10806

総合スコア80875

marny12345

2020/04/26 08:41

自己解決しました。すみません

行動規範の内容に同意します

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

Go言語において、html上で画像が出力されません

関連した質問