图像不使用编码内容显示

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=">