使用JSON文件以HTML格式加载图像

Coshbar

我正在尝试使用json文件加载图片,虽然图片确实加载,但是网站始终出现404错误,这就是我将图片加载到html文件中的方式。

...
<a ng-click="Ctrl.showProfile($event, $index)">
     <div class="imageWrapper-whatsapp">
          <img src={{user.avatar}}>
     </div>
...

这就是我正在加载的json文件的外观。

{
  "users": [
    {
      "id": 0,
      "avatar": "data:image/jpeg;base64,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",
...
查尔斯

尝试使用ng-src代替src

<img ng-src="{{user.avatar}}" />

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用 html <img> 标签从 Android 扩展文件加载图像

来自分类Dev

从 css 和 html 文件加载图像时使用相同的 publicPath

来自分类Dev

从项目文件夹以html格式加载图像以在webcontrol中显示

来自分类Dev

要在python中加载的.json文件的格式

来自分类Dev

来自 JSON 文件的 AngularJS 图像不会使用 ng-src 加载如何显示图像

来自分类Dev

使用BitmapFactory从流/文件加载裁剪的图像

来自分类Dev

使用PHPExcel加载图像的Excel文件

来自分类Dev

使用PHPExcel加载图像的Excel文件

来自分类Dev

使用AngularJS加载JSON文件

来自分类Dev

从与 JSON 文件链接的静态文件夹加载随机图像

来自分类Dev

使用文件加载器加载Webpack车把图像

来自分类Dev

限制加载PIL图像的格式

来自分类Dev

PHP / HTML-从外部根文件夹加载图像

来自分类Dev

创建并直接从内联HTML的文件夹中加载图像

来自分类Dev

PHP / HTML-从外部根文件夹加载图像

来自分类Dev

QLabel 从文件加载图像

来自分类Dev

为什么我的图像没有从我的 JSON 文件加载?

来自分类Dev

将JSON格式的HTML表单输入保存到本地文件(如果可能,使用javascript)

来自分类Dev

使用 fetch 读取 JSON 格式的文件

来自分类Dev

使用 Django 将 html5 画布加载到 PIL 图像中并将其保存在新文件中

来自分类Dev

加载多个json文件并使用ajax和jquery显示到html

来自分类Dev

使用html输入重新加载文件

来自分类Dev

使用WebView加载本地.HTML文件

来自分类Dev

如何使用ajax javascript加载html文件

来自分类Dev

Ajax从JSON加载图像

来自分类Dev

如何使用Graphviz从点文件格式生成PNG图像

来自分类Dev

如何使用Laravel加载JSON文件?

来自分类Dev

如何使用Play with Scala加载JSON文件

来自分类Dev

无法使用nconf加载配置json文件

Related 相关文章

  1. 1

    使用 html <img> 标签从 Android 扩展文件加载图像

  2. 2

    从 css 和 html 文件加载图像时使用相同的 publicPath

  3. 3

    从项目文件夹以html格式加载图像以在webcontrol中显示

  4. 4

    要在python中加载的.json文件的格式

  5. 5

    来自 JSON 文件的 AngularJS 图像不会使用 ng-src 加载如何显示图像

  6. 6

    使用BitmapFactory从流/文件加载裁剪的图像

  7. 7

    使用PHPExcel加载图像的Excel文件

  8. 8

    使用PHPExcel加载图像的Excel文件

  9. 9

    使用AngularJS加载JSON文件

  10. 10

    从与 JSON 文件链接的静态文件夹加载随机图像

  11. 11

    使用文件加载器加载Webpack车把图像

  12. 12

    限制加载PIL图像的格式

  13. 13

    PHP / HTML-从外部根文件夹加载图像

  14. 14

    创建并直接从内联HTML的文件夹中加载图像

  15. 15

    PHP / HTML-从外部根文件夹加载图像

  16. 16

    QLabel 从文件加载图像

  17. 17

    为什么我的图像没有从我的 JSON 文件加载?

  18. 18

    将JSON格式的HTML表单输入保存到本地文件(如果可能,使用javascript)

  19. 19

    使用 fetch 读取 JSON 格式的文件

  20. 20

    使用 Django 将 html5 画布加载到 PIL 图像中并将其保存在新文件中

  21. 21

    加载多个json文件并使用ajax和jquery显示到html

  22. 22

    使用html输入重新加载文件

  23. 23

    使用WebView加载本地.HTML文件

  24. 24

    如何使用ajax javascript加载html文件

  25. 25

    Ajax从JSON加载图像

  26. 26

    如何使用Graphviz从点文件格式生成PNG图像

  27. 27

    如何使用Laravel加载JSON文件?

  28. 28

    如何使用Play with Scala加载JSON文件

  29. 29

    无法使用nconf加载配置json文件

热门标签

归档