c# - 如何从 Webapi 将 URL 传递到 标记以接受 base64 图像？

Question

如何从 Webapi 传递 URL进入<img>标签。我已将图像转换为 base64 string并插入 Database作为varbinary .

<img src="https://localhost:44381/api/Account/get-resource-image;data:image/jpg;base64" alt="img"/>

Answer 1

您需要添加 data:image/png;base64在 <img> 中 Webapi 端点的开头src 而不是之后。请参见下面的代码。

<img src="data:image/jpg;base64,https://localhost:44381/api/Account/get-resource-imagedata" alt="img"/>

实现相同目的的另一种方法:

JQuery:

$.ajax({
        url: 'https://localhost:44381/api/Account/get-resource-imagedata',
        type: "GET",
        success: function (data) {
            $('#imgImage').attr('src', data);
        }
});

在 HTML 中:

<img id="imgImage" src="#" alt="img"/>