Go语言Web应用中嵌入本地图片：使用标签的正确姿势-Golang-PHP中文网

Go语言Web应用中嵌入本地图片：使用标签的正确姿势

霞舞

发布： 2025-09-19 18:05:01

原创

818人浏览过

Go语言Web应用中嵌入本地图片：使用<img>标签的正确姿势标签的正确姿势 " />

在Go语言Web开发中，经常需要在HTML页面中嵌入本地图片。直接使用文件路径可能会导致安全问题，并且不够灵活。本文将介绍一种推荐的方法，利用http.FileServer和http.StripPrefix来安全地提供静态文件服务，并在HTML中使用<img>标签引用这些文件。

以下是详细步骤和代码示例：

首先，我们需要创建一个目录来存放图片文件。假设我们的项目根目录下有一个名为images的目录，用于存放所有的图片资源。

接下来，我们需要编写Go代码来处理图片文件的服务。核心思想是使用http.FileServer创建一个文件服务器，并使用http.StripPrefix移除URL中的指定前缀。

package main

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

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

func main() {
    rootdir, err := os.Getwd()
    if err != nil {
        fmt.Println("Error getting working directory:", err)
        rootdir = "." // 默认使用当前目录
    }

    // Handler for anything pointing to /images/
    imagePath := path.Join(rootdir, "images/")
    http.Handle("/images/", http.StripPrefix("/images/", http.FileServer(http.Dir(imagePath))))
    http.HandleFunc("/", handler)

    fmt.Println("Server listening on port 8080")
    http.ListenAndServe(":8080", nil)
}

登录后复制

代码解释：

os.Getwd(): 获取当前工作目录，用于构建图片目录的绝对路径。
path.Join(rootdir, "images/"): 将工作目录和images/拼接，得到完整的图片目录路径。
http.FileServer(http.Dir(imagePath)): 创建一个文件服务器，以指定的目录作为根目录。
http.StripPrefix("/images/", ...): 移除URL中的/images/前缀。这意味着，当请求/images/testfile.jpg时，文件服务器会查找images/testfile.jpg文件。
http.Handle("/images/", ...): 将/images/路径及其子路径交给文件服务器处理。
http.HandleFunc("/", handler): 将根路径交给自定义的handler函数处理。
在handler函数中，使用fmt.Fprintf构建包含<img>标签的HTML字符串，其中src属性指向/images/testfile.jpg。

运行步骤：

立即学习“go语言免费学习笔记（深入）”；