Your code looks ok except for a point:
The data you are giving to the Blob object is not blob data, it's a text one this is base64 encoded. You should decode data before insert.
Once I don't know which API you would like, I will use a pseudofunction called decodeBase64 which we will understand do the inverse of the Base64 encode (there are many implementations for this function in web).
Your code should look like this:
// base64 already encoded data
var imageBase64 = "image base64 data";
//this is the point you should use
decodedImage = decodeBase64(imageBase64)
//now, use the decodedData instead of the base64 one
var blob = new Blob([decodedImage], {type: 'image/png'});
///now it should work properly
var file = new File([blob], 'imageFileName.png');
Anyway, I can't see the need to use AngularJS there once you are not already using.