javascript - 将八位字节流转换为图像

Question

我需要使用 $http.get 获取文件。数据以 application/octet-stream 形式返回但我知道这个文件是一个图像。

如何将此文件显示为图像？

我试过了

var nuroImage = new Image();
nuroImage.onload = function {
  scope.imageSrc = this.src;
}

$http(req).then(
  funciton(response) {
    nuroImage.src = "data:application/octet-stream," + response.data
  }

我得到 200ok 但图像没有显示

是否可以将八位字节流转换为 jpeg/png？

Answer 1

您可以使用 fetch()以 Blob 形式请求图像，URL.createObjectURL()从响应创建一个 blob URL

(async () => {
  const res = await fetch('https://httpbin.org/image/png')
  const blob = await res.blob()
  const img = new Image()
  img.src = URL.createObjectURL(blob)

  // newer promise based version of img.onload
  await img.decode()
  
  document.body.append(img)

  // Don't forget to revoke the blob url when 
  // you no longer need it (to release memory)
  URL.revokeObjectURL(img.src)
})()