URL.createObjectURL causes memory leak

Question

I'm trying to display images with URL.createObjectURL. However, it takes so much memory, about 10 times of image size. Here is my code:

var image = new Image();
image.src = URL.createObjectURL(blob);
image.className = 'images';
image.onload = function(){
    URL.revokeObjectURL(this.src);
};
$('.images').appendTo('body');

Is this a browser bug? Or something's wrong with my code?

May the size difference be caused by the Encoding of the resulting data-Url? — TGlatzer, Sep 06 '14 at 09:06
@Grumbler85 I don't get your point. My variable `blob` is a local image received via input file element. — user3925697, Sep 06 '14 at 09:13
@user3925697 how you realized that 10 times difference? may i know? — ramin bakhshpour, Feb 08 '17 at 11:56

score 10 · Accepted Answer · edited May 23 '17 at 12:09

10

Actually you call URL.revokeObjectURL() when you release an existing object URL which was previously created by calling window.URL.createObjectURL() for optimal performance and memory usage, if there are safe times when you can explicitly unload them.

But you can't save memory through creating object, read this answer, and this helper link.

edited May 23 '17 at 12:09

Community

1
1

answered Sep 06 '14 at 09:21

Mohamed Yakout

2,868
1
25
45

Thanks for your links. BTW, do you mean it's a browser bug? – user3925697 Sep 06 '14 at 09:25

URL.createObjectURL causes memory leak

1 Answers1

Linked