圖像未使用編碼內容顯示

Question

我正在嘗試使用base64編碼的gif在ExtJS網格中顯示圖像，如下所示

<img src="data:image/gif;base64,R0lGODlhAQABAID/AMDAwAAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw=="/>

據我所知，這應該顯示圖像，因為實際內容是在哈希中編碼的。 但是圖像沒有顯示，

如果我提供任何其他圖像的實際路徑，該圖像將顯示-

<img src="myapplication/images/someimage.png"/>

我在這里做錯了什么？ 我正在使用ExtJs6

Answer 1

您提供大小為1x1像素的空gif的base64。 它可以看起來像沒有圖像顯示。 試試這個HTML，對我來說很好用：

<img style="width: 22px; height: 22px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAIAAABvFaqvAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAWlJREFUeNrMlTGOgmAQhXWzoSBUQs0d6LmDB7CCi1DDHbClpiZUhEIKscFI6LCxABoJRkLCvuRP2H8RdFWy2SnIRODzvTcDzNu2nU1RH7OJ6mlQWZYTgOq6tm27KIp3QWEYgrXZbN4CQch+v0dzOp3SNH0dRAu5FTV/avyu60LLYrFYLpevK+ocwWOSJI9BVVVtt9v71oIgQOoPQCzLWpZlmib9IyTQUwcFE3xsTRAE3/ezLOtug4TeNZggvZw/QJqm4Yj7SRZoYBPSGIZZrVZ0wLIsK4rCcdwACLkcj0c0juNcLheiC0RII1w6o91u18vos+sI5XA4dEnrug5FaOI4vl6vmBr9xEVRJEnSaEaGYeR5Tno0RNr5fL7NCKKGM7rd+q7w5z0jpDzPGwDB1BiIuB5c0c7vd0bExWA1TYMZkV5V1fV6/SdvSJ7nxy66c2rg6UfYePv1Fh+FGWMVRVH8Lei/fEW+BBgALUTtgnMWrMYAAAAASUVORK5CYII=">