當前位置：
首頁 > 知識 > Go image網站開發

Go image網站開發

知識 07-22

從目錄上看，代碼的內容非常簡單。picture.go包含了所有的交互代碼，list.html和upload.html則包含了使用到的模板文件，而uploads目錄則保存了所有上傳的image文件。

1.picture.go代碼內容：

  2. package main
  4. import "io"
  5. import "log"
  6. import "os"
  7. import "net/http"
  8. import "html/template"
  9. import "io/ioutil"
  12. const (
  13. UPLOAD_DIR = "./uploads"
  14. )
  17. func uploadHandler (w http.ResponseWriter, r * http.Request) {
  19. if r.Method == "GET" {
  21. t, _ := template.ParseFiles("upload.html")
  22. t.Execute(w, nil)
  24. }else {
  26. f, h, _ := r.FormFile("image")
  28. filename := h.Filename
  29. defer f.Close()
  31. t, _ := os.Create(UPLOAD_DIR + "/" + filename)
  32. defer t.Close()
  34. _, err := io.Copy(t, f)
  35. if err != nil {
  37. return
  38. }
  40. http.Redirect(w, r, "view?id=" + filename, http.StatusFound)
  41. }
  42. }
  45. func viewHandler(w http.ResponseWriter, r* http.Request) {
  47. imageId := r.FormValue("id")
  48. imagePath := UPLOAD_DIR + "/" + imageId
  49. w.Header().Set("Content-Type", "image")
  50. http.ServeFile(w, r, imagePath)
  51. }
  54. func listHandler(w http.ResponseWriter, r* http.Request) {
  56. fileInfoArr, _ := ioutil.ReadDir(UPLOAD_DIR)
  58. locals := make(map[string] interface{})
  59. images := []string{}
  61. for _, fileInfo := range fileInfoArr {
  63. images = append(images, fileInfo.Name())
  64. }
  66. locals["images"] = images
  68. t, _ := template.ParseFiles("list.html")
  69. t.Execute(w, locals)
  70. }
  73. func main() {
  75. http.HandleFunc("/upload", uploadHandler)
  76. http.HandleFunc("/view", viewHandler)
  77. http.HandleFunc("/", listHandler)
  79. err := http.ListenAndServe(":9090", nil)
  80. if err != nil {
  82. log.Fatal("ListenAndServe: ", err.Error())
  83. }
  84. }

其實這個網站主要就3個網頁。一個是顯示所有圖片的索引，一個是圖片顯示，另外一個就是圖片上傳頁面。

2.upload.html

  2. <!doctype html>
  3. <html>
  5. <head>
  6. <meta charset = "utf-8">
  7. <tilte> Uploader </title>
  8. </head>
  10. <body>
  11. <form method="post" action="/upload" enctype="multipart/form-data">
  12. Choose an image to upload: <input name="image" type="file" />
  13. <input type="submit" value="Upload" />
  14. </form>
  15. </body>
  16. </html>

3.list.html

  2. <!doctype html>
  3. <html>
  4. <head>
  5. <meta charset="utf-8">
  6. <title> List </title>
  7. </head>
  9. <body>
  10. <ol>
  11. {{range $.images}}
  12. <li><a href="/view?id={{.|urlquery}}"> {{.|html}} </a> </li>
  13. {{end}}
  15. </ol>
  16. </body>
  18. </html>

Go image網站開發

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！

本站內容充實豐富，博大精深，小編精選每日熱門資訊，隨時更新，點擊「搶先收到最新資訊」瀏覽吧！


請您繼續閱讀更多來自 程序員小新人學習 的精彩文章:

※git在push的時候出現許可權的問題
※dubbo源碼分析之遠程調用概述

TAG:程序員小新人學習 |