从结果的属性加载图像

Question

我有一个空的div #imgContainer和一个动态jQuery函数，该函数使用URL加载图像到Web API服务器。

<div id="imgContainer"></div>

$("#btnShow").click(function () {
  $('<img src="' + "http://localhost:49998/api/Picture/user/GetUserImage?userName=John" + '">').on("load", function() {
    $(this).appendTo('#imgContainer');
  });
});

现在在服务器端进行了更改。它不返回图像，而是返回一个包含两个属性的名为“ ImageData”的对象。保存图像的“图像”，以及保存图像的上载日期的另一个名为“日期”的属性。

我如何检索信息并显示图像？

Answer 1

使用

$('<img src="' + "http://localhost:49998/api/Picture/user/GetUserImage?userName=John" + '">').on("load", function(e) { console.log(e); $(this).appendTo('#imgContainer'); });

查看其中包含的数据。

然后，您应该能够导航并仅检索图像作为数组。