使用 Go 语言的标签显示本地图片-Golang-PHP中文网

使用 Go 语言的标签显示本地图片

聖光之護

发布： 2025-09-19 18:14:12

原创

460人浏览过

使用 Go 语言的 <img> 标签显示本地图片标签显示本地图片 " />

本教程旨在指导开发者如何使用 Go 语言在网页中嵌入本地图片。通过配置静态文件服务器，我们可以利用 <img> 标签轻松地将本地图片嵌入到 HTML 页面中。本文将提供详细的代码示例和步骤，帮助你理解并实现这一功能，并提供一些注意事项。

在 go 语言中，直接使用 <img> 标签显示本地图片需要配置一个静态文件服务器，将图片文件暴露给 web 应用程序。以下是一个详细的步骤和示例代码，说明如何实现这个功能。

1. 创建静态文件服务器

首先，我们需要创建一个静态文件服务器，该服务器将提供对本地图片文件的访问。这可以通过 http.FileServer 和 http.Handle 函数来实现。

以下代码片段展示了如何创建一个简单的静态文件服务器，它将 images 目录下的所有文件提供给 /images/ 路径。

package main

import (
    "fmt"
    "net/http"
    "os"
    "path"
)

func handler(w http.ResponseWriter, r *http.Request) {
    fileName := "testfile.jpg" // 替换为你的图片文件名
    fmt.Fprintf(w, "<html></br><img src='/images/" + fileName + "' ></html>")
}

func main() {
    rootdir, err := os.Getwd()
    if err != nil {
        rootdir = "No dice"
    }

    // Handler for anything pointing to /images/
    http.Handle("/images/", http.StripPrefix("/images/", http.FileServer(http.Dir(path.Join(rootdir, "images")))))
    http.HandleFunc("/", handler)
    fmt.Println("Server listening on port 8080")
    http.ListenAndServe(":8080", nil)
}

登录后复制

在这个例子中：

os.Getwd() 获取当前工作目录。
path.Join(rootdir, "images") 构建 images 目录的完整路径。你需要确保在你的项目根目录下存在一个名为 images 的文件夹，并将你的图片文件放在这个文件夹中。
http.FileServer(http.Dir(...)) 创建一个文件服务器，它将提供对指定目录中文件的访问。
http.StripPrefix("/images/", ...) 从请求的 URL 中移除 /images/ 前缀，以便文件服务器可以正确地找到文件。
http.Handle("/images/", ...) 将文件服务器注册到 /images/ 路径。
http.HandleFunc("/", handler) 将根路径请求绑定到handler函数，用于返回包含<img>标签的HTML内容

2. HTML 中使用 <img> 标签

现在，你可以在 HTML 中使用 <img> 标签来引用本地图片。src 属性应该指向静态文件服务器提供的图片的 URL。

在上面的代码示例中，handler函数会返回一个包含如下<img>标签的HTML：