Golang使用gin模板渲染base64圖片出現(xiàn)#ZgotmplZ的解決辦法

更新時間：2024年05月31日 09:49:10 作者：彭世瑜

這篇文章主要介紹了Golang使用gin模板渲染base64圖片出現(xiàn)#ZgotmplZ的的場景復(fù)現(xiàn)和解決辦法,文中通過代碼示例講解的非常詳細(xì),對大家解決問題有一定的幫助,需要的朋友可以參考下

問題描述

gin模板渲染base64圖片出現(xiàn)#ZgotmplZ

場景復(fù)現(xiàn)

項目目錄

main.go
templates/
    index.html

gin模板渲染base64圖片

package main

import (
    "net/http"

    "github.com/gin-gonic/gin"
)

// base64圖片
var imageUrl = "data:image/gif;base64,R0lGODlhMwAxAIAAAAAAAP///yH5BAAAAAAALAAAAAAzADEAAAK8jI+pBr0PowytzotTtbm/DTqQ6C3hGXElcraA9jIr66ozVpM3nseUvYP1UEHF0FUUHkNJxhLZfEJNvol06tzwrgdLbXsFZYmSMPnHLB+zNJFbq15+SOf50+6rG7lKOjwV1ibGdhHYRVYVJ9Wnk2HWtLdIWMSH9lfyODZoZTb4xdnpxQSEF9oyOWIqp6gaI9pI1Qo7BijbFZkoaAtEeiiLeKn72xM7vMZofJy8zJys2UxsCT3kO229LH1tXAAAOw=="

func main() {
    app := gin.Default()

    // 加載模板文件
    app.LoadHTMLGlob("templates/*")

    // 生成驗證碼
    app.GET("/", func(ctx *gin.Context) {
        ctx.HTML(http.StatusOK, "index.html", gin.H{
            "imageUrl": imageUrl,
        })
    })

    // 監(jiān)聽并在 http://127.0.0.1:8080 上啟動服務(wù)
    app.Run()
}

模板內(nèi)容 index.html

<img src="{{.imageUrl}}">

圖片沒有正常顯示

查看頁面渲染結(jié)果，發(fā)現(xiàn)base64字符串沒有顯示完整

<img src="#ZgotmplZ">

解決辦法

修改字符串，指定其類型

"imageUrl": template.URL(imageUrl)

完整代碼

package main

import (
    "html/template"
    "net/http"

    "github.com/gin-gonic/gin"
)

var imageUrl = "data:image/gif;base64,R0lGODlhMwAxAIAAAAAAAP///yH5BAAAAAAALAAAAAAzADEAAAK8jI+pBr0PowytzotTtbm/DTqQ6C3hGXElcraA9jIr66ozVpM3nseUvYP1UEHF0FUUHkNJxhLZfEJNvol06tzwrgdLbXsFZYmSMPnHLB+zNJFbq15+SOf50+6rG7lKOjwV1ibGdhHYRVYVJ9Wnk2HWtLdIWMSH9lfyODZoZTb4xdnpxQSEF9oyOWIqp6gaI9pI1Qo7BijbFZkoaAtEeiiLeKn72xM7vMZofJy8zJys2UxsCT3kO229LH1tXAAAOw=="

func main() {
    app := gin.Default()

    // 加載模板文件
    app.LoadHTMLGlob("templates/*")

    // 生成驗證碼
    app.GET("/", func(ctx *gin.Context) {
        ctx.HTML(http.StatusOK, "index.html", gin.H{
            "imageUrl": template.URL(imageUrl),
        })
    })

    // 監(jiān)聽并在 http://127.0.0.1:8080 上啟動服務(wù)
    app.Run()
}

渲染結(jié)果

再次查看其渲染結(jié)果，發(fā)現(xiàn)base64字符串顯示完整了

<img src="data:image/gif;base64,R0lGODlhMwAxAIAAAAAAAP///yH5BAAAAAAALAAAAAAzADEAAAK8jI&#43;pBr0PowytzotTtbm/DTqQ6C3hGXElcraA9jIr66ozVpM3nseUvYP1UEHF0FUUHkNJxhLZfEJNvol06tzwrgdLbXsFZYmSMPnHLB&#43;zNJFbq15&#43;SOf50&#43;6rG7lKOjwV1ibGdhHYRVYVJ9Wnk2HWtLdIWMSH9lfyODZoZTb4xdnpxQSEF9oyOWIqp6gaI9pI1Qo7BijbFZkoaAtEeiiLeKn72xM7vMZofJy8zJys2UxsCT3kO229LH1tXAAAOw==">

到此這篇關(guān)于Golang使用gin模板渲染base64圖片出現(xiàn)#ZgotmplZ的解決辦法的文章就介紹到這了,更多相關(guān)Golang gin渲染出現(xiàn)#ZgotmplZ內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: