angular.js - How to read a byte array from an image path in Angular?

Question

As mentioned
Get one now

file:///var/mobile/Containers/Data/xxxx.jpg

The images that need to be added with this path are read into byte arrays and passed to the server. How should this be achieved?

PS:
Try using $http to read this file

$http.get('file:///var/mobile/Containers/Data/xxxx.jpg')
.success(function(response) {
    alert(response);
});

I don’t know what the response read here is?

Answer 1

The following method can convert the requested image result into blob. As for how you want to use it afterwards, it’s up to you

$http.get('http://localhost:9000/test.png')
    .success(function(data) {
        var blob = new Blob([data], {
            type: 'image/png'
        });
        console.log(blob);
    });

I only tried the method of serving images on the server. I don’t know if it will work if you load local images. Because of the content-type是image/png in the response header of the server’s serve image, I don’t know what’s going on when loading local files