javascript - 八位字节流到 PNG

Question

如何将 BLOB data:application/octet-stream;base64 转换为 data:image/png;base64？

无论如何都会显示图像，但浏览器不允许我通过右键单击在新选项卡中打开图像。

$http({
    url: image,
    responseType: 'blob'
}).then((resp)=>{
    var reader = new FileReader();
    reader.onload = function(){
        $scope.model.view.image = reader.result;
    };
    reader.readAsDataURL(resp.data);
});

Answer 1

不要使用 base64，如果它是一个很长的 url 就会有问题...而是使用 URL.createObjectURL

window.URL = window.URL || window.webkitURL

$http({
  url: image,
  responseType: 'blob'
}).then(blob => {
  // change the type
  blob = new Blob([blob], {type: 'image/png'})
  $scope.model.view.image = URL.createObjectURL(blob)
})