javascript - 将 FileContentResult 图像转换为对象 url JS

Question

我真的坚持将PNG图像从unicode（我认为）转换为对象URL。我正在使用 Vue js 进行转换。数据由 .NET 应用程序使用

return new FileContentResult(ms.ToArray(), "image/png");

在我的前端/客户端应用程序中，我可以看到我收到了这个响应

但是现在呢？:) 我尝试了很多东西，没有任何运气。我对这些类型的转换不太熟悉......我做过一次，完全忘记了如何。
ps：如果我使用邮递员，图像加载正确。
这就是我到目前为止所尝试的：

// for displaying IMGs
      <img :src="files.quickPreview_1" />
      <img :src="files.quickPreview_2" />

// vue data
  data() {
    return {
      files: {
        quickPreview_1: null,
        quickPreview_2: null
      }
    };
  },

// conversions
          var utf8 = unescape(encodeURIComponent(response.data));

          var arr = [];
          for (var i = 0; i < utf8.length; i++) {
            arr.push(utf8.charCodeAt(i));
          }

          // try 1
          const blob1 = new Blob(arr, {
            type: response.headers["content-type"]
          });
          this.files.quickPreview_1 = URL.createObjectURL(blob1);

          // try 2
          const byteArray = new Uint8Array(arr);
          const blob2 = new Blob(byteArray, {
            type: response.headers["content-type"]
          });
          this.files.quickPreview_2 = URL.createObjectURL(blob2);

以及如果我使用 console.log 的当前结果：