I'm facing this issue only in my application irrespective of browser (IE & Chrome). If I check window.URL.createObjectURL(blob) in console of any other page in both the browsers, its working fine. But it window.URL.createObjectURL(blob) is getting undefined only in the tab in which I open my application :(

I'm not sure, which library is removing "createObjectURL" method.

following are my scripts

<script src="src/js/libs/jquery/dist/jquery.js"></script>
<script src="src/js/libs/toastr/toastr.js"></script>
<script src="src/js/libs/moment/moment.js"></script>
<script src="src/js/libs/bootstrap/dist/js/bootstrap.js"></script>
<script src="src/js/libs/angular/angular.js"></script>
<script src="src/js/libs/angular-route/angular-route.js"></script>
<script src="src/js/libs/angular-sanitize/angular-sanitize.js></script>
<script src="src/js/libs/angular-animate/angular-animate.js"></script>
<script src="src/js/libs/angular-mocks/angular-mocks.js"></script>
<script src="src/js/libs/angular-bootstrap/ui-bootstrap-tpls.js"></script>

I'm not able to figure out how to get window.URL.createObjectURL

Here is the error in IE console

Error: [IGL] Object doesn't support property or method 'createObjectURL' TypeError: Object doesn't support property or method 'createObjectURL'

Here is the error in Chrome

Error: [IGL] window.URL.createObjectURL is not a function TypeError: window.URL.createObjectURL is not a function

Thanks in advance

I'm facing this issue only in my application irrespective of browser (IE & Chrome). If I check window.URL.createObjectURL(blob) in console of any other page in both the browsers, its working fine. But it window.URL.createObjectURL(blob) is getting undefined only in the tab in which I open my application :(

I'm not sure, which library is removing "createObjectURL" method.

following are my scripts

<script src="src/js/libs/jquery/dist/jquery.js"></script>
<script src="src/js/libs/toastr/toastr.js"></script>
<script src="src/js/libs/moment/moment.js"></script>
<script src="src/js/libs/bootstrap/dist/js/bootstrap.js"></script>
<script src="src/js/libs/angular/angular.js"></script>
<script src="src/js/libs/angular-route/angular-route.js"></script>
<script src="src/js/libs/angular-sanitize/angular-sanitize.js></script>
<script src="src/js/libs/angular-animate/angular-animate.js"></script>
<script src="src/js/libs/angular-mocks/angular-mocks.js"></script>
<script src="src/js/libs/angular-bootstrap/ui-bootstrap-tpls.js"></script>

I'm not able to figure out how to get window.URL.createObjectURL

Here is the error in IE console

Error: [IGL] Object doesn't support property or method 'createObjectURL' TypeError: Object doesn't support property or method 'createObjectURL'

Here is the error in Chrome

Error: [IGL] window.URL.createObjectURL is not a function TypeError: window.URL.createObjectURL is not a function

Thanks in advance

• javascript
• angularjs
• blob

• 1 so what is the question? – zerkms Commented Apr 22, 2015 at 3:12
• How to make it avaliable? – Siva Kumar Commented Apr 22, 2015 at 3:13
• What is the exact error message and where are you seeing it? In the browser console? – Phil Commented Apr 22, 2015 at 3:14
• @ShivKumar check which script has removed it. – zerkms Commented Apr 22, 2015 at 3:16
• 1 I'd say there's a very strong chance some script (though maybe not any of the above) is setting var URL = something in the global scope. I would search all your code for URL (case sensitive) – Phil Commented Apr 22, 2015 at 3:30

1 Answer 1

I figure out the solution for this by using following script from Arun & @Phil ments. Thanks to both of them.

Its not with any library, in my application somewhere in unused code, there a global URL object which is overriding the window.URL.

I found this by using the following code:

(function () {
        var _createObjectURL = window.URL.createObjectURL;
                Object.defineProperty(window.URL, 'createObjectURL', {
                set: function (value) {
                console.trace('set createObjectURL')
                        _createObjectURL = value;
                },
                        get: function () {
                        console.trace('get createObjectURL')
                                return _createObjectURL;
                        }
                })
                })();
                (function () {
                var _URL = window.URL;
                        Object.defineProperty(window, 'URL', {
                        set: function (value) {
                        console.trace('set URL')
                                _URL = value;
                        },
                                get: function () {
                                console.trace('get URL')
                                        return _URL;
                                }
                        })
                        })();