将图像从 asp.net Web API 返回给 zebble

Question

我正在尝试从 web API 返回图像以像这样 zebble：

网页接口：

    public HttpResponseMessage GetImage()
    {
        var memoryStream = custom logic to create image
        var result = new HttpResponseMessage(HttpStatusCode.OK);
        result.Content = new ByteArrayContent(memoryStream.ToArray());
        result.Content.Headers.ContentType = new MediaTypeHeaderValue("image/png");
        return result;
    }

泽布尔：

var imageData = await Get<byte[]>(url);
var imageView = new ImageView { ImageData = imageData }

但是Get抛出了一个例外：

Exception thrown: 'Newtonsoft.Json.JsonReaderException' in Newtonsoft.Json.dll
Exception thrown: 'Newtonsoft.Json.JsonReaderException' in Newtonsoft.Json.dll
Exception thrown: 'System.Exception' in Zebble.UWP.dll
Exception thrown: 'System.Exception' in mscorlib.ni.dll
ERROR: HttpGet -> 'url' failed.
WARNING: Failed to convert API response to Byte[]
###############################################
Base issue: Unexpected character encountered while parsing value: �. Path '', line 1, position 1.
--------------------------------------
STACK TRACE:
at Zebble.Framework.BaseApi.<GetFromTheServer>d__24`1.MoveNext()
   at Zebble.Framework.BaseApi.<Get>d__25`1.MoveNext()

知道如何解决这个问题吗？

Answer 1

你的 WebApi 必须返回字符串。您可以使用 Base64 字符串传输图像数据。

步骤 1：将 Web API 代码更改为：

var memoryStream = new MemoryStream(); //TODO: custom logic to create image    
image.Save(memoryStream, ImageFormat.Png);
return Ok(Convert.ToBase64String(memoryStream.ToArray()));

更多详细信息： http://zebble.net/docs/get-apis

第 2 步：在 Zebble 代码中，使用 Zebble WebAPI 代理调用 WebAPI 以接收 Base64 字符串，转换为 byte[] 并设置为您的 ImageView 的源：

var base64 = await Api.Get<string>(url);
var imageData = Convert.FromBase64String(base64);
myImageView.ImageData = imageData;

更多详细信息： http://zebble.net/docs/calling-a-get-api-in-the-mobile-app