Question

100

URL.createObjectURL causes memory leak

rated 0 times [ 105] [ 5] / answers: 1 / hits: 6580 / 10 Years ago, sat, september 6, 2014, 12:00:00

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?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

tayaw

Add To Favorites

Follow

Total Points: 749

Total Questions: 88

Total Answers: 86

Location: Djibouti

Member since Sun, Feb 27, 2022

2 Years ago

tayaw questions

1 How to enable cache for getServerSideProps?

Thu, Mar 3, 22, 00:00, 2 Years ago

1 navigator.clipboard.readText() is not working in Firefox

Fri, May 7, 21, 00:00, 3 Years ago

1 Vuetify form .$refs validate is not a function

Wed, Oct 7, 20, 00:00, 4 Years ago

1 Using absolute position to place image above another image using Tailwind CSS

Sun, Sep 6, 20, 00:00, 4 Years ago

1 How to make div tag clickable with Link from react-router-dom?

Wed, Jun 17, 20, 00:00, 4 Years ago

View All

answered 10 Years ago freddiejarretk · Accepted Answer

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.