Question

我正在尝试Microsoft认知服务，尤其是缩略图片段。我有一个相当简单的代码来发送图像文件并读取响应。我的问题是，我还没有能够显示生成的缩略图。我尝试编码＆＃34;响应＆＃34;但仍然没有渲染图像。

这是我正在使用的功能：

var apiUrl = "https://westus.api.cognitive.microsoft.com/vision/v1.0/generateThumbnail?width=175&height=104&smartCropping=true";

$('#btn').click(function () {
var file = document.getElementById('filename').files[0];
$.ajax({
    url: apiUrl,
    beforeSend: function (xhrObj) {
        xhrObj.setRequestHeader("Content-Type", "application/octet-stream");
        xhrObj.setRequestHeader("Ocp-Apim-Subscription-Key", apiKey);
    },
    type: "POST",
    data: file,
    processData: false
})
.done(function (response) {
    $('#image').attr('src', 'data:image/jpeg;base64,' + response);
})
.fail(function (error) {
    $("#response").text(error.getAllResponseHeaders());
});

}）;

如果我打印响应，数据如下所示：

＆＃34;％EF％BF％BD％EF％BF％BD％EF％BF％BD％EF％BF％BD％00％10JFIF％00％01％01％01％00 %00 ％00％00％EF％BF％BD％EF％BF％BD％00C％00％08％06％06％07％06％05％08％07％07％07％08％0℃％14％0℃％0B ％0B％0C％19％12％13％0F％14％1D％1A％1F％1E％1D％1A％1C％1C $。＆＃39; ＆＃34;＆＃34;

提前谢谢。

显示Microsoft缩略图二进制图像

0 个答案: