Golang中如何在text/template模板上显示上传的图片

Golang中如何在text/template模板上显示上传的图片 大家好。 图片上传处理是正确的。 但我无法显示图片。 是类似这样的吗？

例如，Pimage 的值为： .Pimage = “./template-images/p1.jpg” 并且图片存在于 template-images 目录中。

  • 项目
  • template-images
  • p1.jpg
  • main.go 但它没有显示图片。

是什么问题？

5 回复

你需要展示你是如何提供静态文件服务的，以及你的模板是什么样的。

但基本上，你只需要创建一个 IMG 标签，其 src 属性指向你服务器上映射到静态文件的 URL。

更多关于Golang中如何在text/template模板上显示上传的图片的实战系列教程也可以访问 https://www.itying.com/category-94-b0.html


谢谢。我写了img标签和src属性。但当我发布主题时，它被自动删除了。

请重新发布。并且请记住使用Markdown语法相应地标注代码和类似代码的片段：

这个 `行内` 代码

```go
// 这是一个Go代码块

谢谢。 我刚刚找到了解决方案。 我添加了

http.Handle("/temp-images/", http.StripPrefix("/temp-images", http.FileServer(http.Dir("temp-images/"))));

在Golang的text/template中显示上传的图片，需要确保模板能正确访问图片路径。根据你的描述，问题可能出在路径处理或静态文件服务上。以下是解决方案：

1. 设置静态文件服务

首先确保你的HTTP服务器能提供静态文件服务：

package main

import (
    "html/template"
    "net/http"
    "path/filepath"
)

func main() {
    // 设置静态文件目录
    fs := http.FileServer(http.Dir("."))
    http.Handle("/static/", http.StripPrefix("/static/", fs))
    
    http.HandleFunc("/", handler)
    http.ListenAndServe(":8080", nil)
}

func handler(w http.ResponseWriter, r *http.Request) {
    tmpl := template.Must(template.ParseFiles("template.html"))
    
    data := struct {
        Pimage string
    }{
        Pimage: "/static/template-images/p1.jpg", // 使用静态文件路径
    }
    
    tmpl.Execute(w, data)
}

2. 模板文件示例 (template.html)

<!DOCTYPE html>
<html>
<head>
    <title>显示图片</title>
</head>
<body>
    <!-- 使用正确的图片路径 -->
    <img src="{{.Pimage}}" alt="上传的图片">
    
    <!-- 或者直接使用相对路径 -->
    <img src="/static/template-images/p1.jpg" alt="图片">
</body>
</html>

3. 如果使用相对路径，确保目录结构正确

// 检查文件是否存在
func checkFileExists(path string) bool {
    if _, err := os.Stat(path); os.IsNotExist(err) {
        return false
    }
    return true
}

// 在handler中验证
func handler(w http.ResponseWriter, r *http.Request) {
    imagePath := "./template-images/p1.jpg"
    
    if !checkFileExists(imagePath) {
        http.Error(w, "图片不存在", http.StatusNotFound)
        return
    }
    
    // ... 模板渲染代码
}

4. 完整的工作示例

package main

import (
    "html/template"
    "log"
    "net/http"
    "os"
)

func main() {
    // 创建必要的目录
    os.MkdirAll("template-images", 0755)
    
    // 静态文件服务
    http.Handle("/static/", 
        http.StripPrefix("/static/", 
            http.FileServer(http.Dir("."))))
    
    http.HandleFunc("/", func(w http.ResponseWriter, r *http.Request) {
        tmpl := template.Must(template.ParseFiles("template.html"))
        
        data := struct {
            Pimage string
        }{
            Pimage: "/static/template-images/p1.jpg",
        }
        
        tmpl.Execute(w, data)
    })
    
    log.Println("服务器启动在 :8080")
    http.ListenAndServe(":8080", nil)
}

关键点：

  1. 使用http.FileServer提供静态文件服务
  2. 模板中的图片路径要指向静态文件服务的URL路径
  3. 确保图片文件实际存在于指定目录
  4. 检查文件权限是否允许读取

如果图片仍然不显示，检查浏览器开发者工具中的网络请求，确认图片URL是否正确返回200状态码。

回到顶部