【问题标题】:Image not displaying using encoded content图像未使用编码内容显示
【发布时间】:2016-02-02 12:12:47
【问题描述】:

我正在尝试使用 base64 编码的 gif 在我的 ExtJS 网格中显示图像,如下所示

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

据我所知,这应该显示一个图像,因为实际内容是在散列中编码的。但是图片没有显示,

如果我给出任何其他图像的实际路径,图像会显示-

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

我在这里做错了什么? 我正在使用 ExtJs6

【问题讨论】:

    标签: javascript html image extjs extjs6


    【解决方案1】:

    您提供 base64 大小为 1x1 像素的空 gif。它可以看作是没有图像显示。试试这个 HTML,它对我来说很好用:

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

    【讨论】:

    • 这适用于其他图像。我正在尝试使用 Ext.BLANK_IMAGE_URL。对于此图像,它不起作用,
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2021-07-17
    • 2021-10-01
    • 2015-03-07
    • 2015-08-08
    • 1970-01-01
    相关资源
    最近更新 更多