我正在生成QR代碼，然后我需要在HTML不將它們保存為圖像的情況下顯示它們。到目前為止，我可以生成它們，但在渲染它們時遇到問題HTML我這里有g(shù)olang生成的代碼QR和HTML嘗試渲染它們的模板戈蘭import ( "fmt" "github.com/gin-gonic/gin" qrcode "github.com/skip2/go-qrcode")func renderQRExport(c *gin.Context){ var images [][]byte var img []byte var err error for i := 0; i < 25; i++ { img, err = qrcode.Encode("https://example.org", qrcode.Medium, 256) images = append(images, img) if err != nil { fmt.Print(err) } } render(c, gin.H{ "images": images, }, "qr.html")}HTML模板<!doctype html><html class="no-js" lang=""><head> <title>QR export</title> {{template "imports.html"}}</head><body> <div class="margin-body-log-in-worker"> <div class="row"> {{range .images}} <div class="col-4 col-sm-4 col-md-3 col-xl-2 center"> <img src="data:image/png;base64,{{.image}}" class="img-fluid image-dashboard" /> </div> {{end}} </div> </div></body></html>正如他們在本文中所說，我無法做的事情之一： https://www.sanarias.com/blog/1214PlayingwithimagesinHTTPresponseingolang 編碼方法本身也說"To serve over HTTP, remember to send a Content-Type: image/png header."如何正確設(shè)置請求中的內(nèi)容類型gingonic以及如何在 中正確解碼HTML？
1 回答
qq_花開花謝_0
TA貢獻1835條經(jīng)驗 獲得超7個贊
問題是我需要用 'imgBase64Str := base64.StdEncoding.EncodeToString(buf)' 將其編碼為字符串
所以最終的工作代碼如下：
戈蘭
func renderQRExport(c *gin.Context){
? ? var images []string
? ? var img []byte
? ? var err error
? ? for i := 0; i < 25; i++ {
? ? ? ? img, err = qrcode.Encode("https://example.org", qrcode.Medium, 256)
? ? ? ? img2 := base64.StdEncoding.EncodeToString(img)
? ? ? ? images = append(images, img2)
? ? ? ? if err != nil {
? ? ? ? ? ? fmt.Print(err)
? ? ? ? }
? ? }
? ? render(c, gin.H{
? ? ? ? "images":? ? ? ? ? ? ? images,
? ? }, "qr.html")
}
超文本標記語言
<!doctype html>
<html class="no-js" lang="">
<head>
? <title>QR export</title>
? {{template "imports.html"}}
</head>
<body>
? <div class="margin-body-log-in-worker">
? ? ? ? <div class="row">
? ? ? ? ? {{range .images}}
? ? ? ? ? <div class="col-4 col-sm-4 col-md-3 col-xl-2 center">
? ? ? ? ? ? ? ? <img src="data:image/png;base64,{{.}}" class="img-fluid image-dashboard" />
? ? ? ? ? </div>
? ? ? ? ? {{end}}
? ? ? ? </div>
? ? ? </div>
</body>
</html>
- 1 回答
- 0 關(guān)注
- 210 瀏覽
添加回答
舉報
0/150
提交
取消