Octet-stream to PNG

Question

어떻게 BLOB 데이터를 변환 할 수 있습니까? application/octet-stream; base64에서 data : image/png; base64?

이미지가 표시되지만 브라우저에서 마우스 오른쪽 버튼으로 새 탭에서 이미지를 열지 못하게합니다. 그것은 매우 긴 URL의 경우

$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

대신 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) 
})