我要评论问题描述
gin模板渲染base64图片出现#zgotmplz
场景复现
项目目录
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,
})
})
// 监听并在 http://127.0.0.1:8080 上启动服务
app.run()
}
模板内容 index.html
<img src="{{.imageurl}}">
图片没有正常显示
查看页面渲染结果，发现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),
})
})
// 监听并在 http://127.0.0.1:8080 上启动服务
app.run()
}
渲染结果
再次查看其渲染结果，发现base64字符串显示完整了
<img src="data:image/gif;base64,r0lgodlhmwaxaiaaaaaaap///yh5baaaaaaalaaaaaazadeaaak8ji+pbr0powytzotttbm/dtqq6c3hgxelcraa9jir66ozvpm3nseuvyp1uehf0fuuhknjxhlzfejnvol06tzwrgdlbxsfzymsmpnhlb+znjfbq15+sof50+6rg7lkojwv1ibgdhhyrvyvj9wnk2hwtldiwmsh9lfyodzoztb4xdnpxqsef9oyowiqp6gai9pi1qo7bijbfzkoaateeiilekn72xm7vmzofjy8zjys2uxsct3ko229lh1txaaaow==">
到此这篇关于golang使用gin模板渲染base64图片出现#zgotmplz的解决办法的文章就介绍到这了,更多相关golang gin渲染出现#zgotmplz内容请搜索代码网以前的文章或继续浏览下面的相关文章希望大家以后多多支持代码网！
发表评论