I am encountering an issue with the function window.URL.createObjectURL(blob) being undefined in my

The issue I'm encountering is specific to my application, regardless of the browser (IE & Chrome). If I execute window.URL.createObjectURL(blob) in the console of any other page on both browsers, it works perfectly. However, within the tab where my application is open, window.URL.createObjectURL(blob) returns undefined.

I am uncertain about which library might be removing the "createObjectURL" method.

Below are the scripts included:

<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 struggling to find out how to access window.URL.createObjectURL

Here is the error message from IE console:

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

And here is the error from Chrome:

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

Thank you in advance for any assistance.

javascriptangularjsblob

Answer №1

I managed to find the solution to this issue by utilizing a script provided in Arun and Phil's comments. A big thank you to both of them for their assistance.

Interestingly, the problem was not related to any external library. I discovered that within my application, there was some unused code that included a global URL object overriding the window.URL.

This discovery was made using the following piece of 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;
                                }
                        })
                        })();

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

What causes Post back to be triggered upon closing the page but not when the user navigates away from it?

My code is set up to detect user navigation or closing of the page. It triggers a post back on close, but not when the user navigates away. Strangely, if I include an alert message, it is triggered at all times. Also, there is a timer on the page that is ...

javascriptasp.net

Securing communication between AngularJS user interface and Java web services

What methods can be utilized to enhance the security of interactions between the business logic implemented in Java on Tomcat, and the AngularJS user interface through REST services? Seeking advice, recommendations, or tutorials/examples on this topic. ...

javaangularjssecurityuser-interface

Error: The function 'myAppController' is not defined and is therefore not a valid argument

I am trying to incorporate my service into my controller and print a message to the console (in the Auth Service), but I keep encountering this error: Argument 'myAppController' is not a function, got undefined. Can you help me figure out what I& ...

javascriptangularjsdependency-injection

I noticed that on my checkout sections, the toggle feature causes them to fold up and then immediately fold back down. This behavior should only happen

Is there a way to make my checkout sections fold up once instead of folding up and down when using toggle? I have created a test case in jsfiddle: (no styling done yet!) http://jsfiddle.net/Wd8Ty/ The code responsible for the behavior is located in AMLRW ...

javascriptjqueryhtmlcss

An easy way to disable all items within the botnav section of Vuetify

Is there a way to efficiently manage the activation and deactivation of items in a Vuetify botnav based on different router paths? I attempted to manipulate the active.sync property to -1 when I need to deactivate a tab. However, this approach only works ...

javascriptvue.jsvuetify.js

Creating a specialized feature for saving form data with React Admin

Within my react-admin application, I am faced with a scenario where I have a list of items accompanied by two separate buttons: "Create using email" and simply "Create". The "create" button utilizes the functionality provided by the data provider, which is ...

javascriptreactjstypescriptreact-admin

``A fire tag is assigned depending on the existence of a div element

I have a task I need to complete on Wordpress blog pages, however there is no specific identifier in the URL. Instead, there are differences in content that can be used. Is there a method to trigger a tag (or event) based on the presence of a particular ...

javascriptgoogle-tag-manager

`enable cookie sharing between subdomains with the combination of express and angularjs`

I've been struggling with a task for quite some time now without any success. I would greatly appreciate it if someone could assist me with this. Present Scenario: I have two applications running on two sub-domains: st.localhost:8080 and acm.loca ...

angularjsexpresscookiessubdomainangular-cookies

Implementing dynamic element creation and class implementation using JavaScript

Having issues with dynamically creating an element in JavaScript using innerHTML. Here's the code snippet: var newElement = document.createElement("tr"); newElement.innerHTML = ['<td><a href="javascript:void(0);">Test Suite</a> ...

javascriptjquerycreateelementsparklines

How to sort Firebase real-time database by the child node with the highest number of

I am working on a database feature that allows users to 'like' comments on posts. Is there a way for me to sort the comments based on the number of likes they have? Although I am aware of using .orderByChild(), my issue lies in not having a sep ...

javascriptfirebasefirebase-realtime-database

Issue with closing in JavaScript code not functioning as expected

I recently created a toggle bar using HTML/CSS and I attempted to implement JavaScript code to close it. However, despite my efforts, the script doesn't seem to be functioning properly. Code: $(document).ready(function(){ $(".fa-times").click(functi ...

javascripthtmlcss

Submit a document through a jQuery post method in conjunction with PHP

Is there a way to upload a file without using a form and instead utilizing $.post method to transfer the file? I suspect that the issue lies within the PHP code, although I can't be certain. <input type='file' id='inpfile'> ...

javascriptphpjqueryajaxupload

Verify if ui-state contains a subsequent ui-state after it

I have a question that seems simple, but I couldn't find the answer on Google. I'm using Angular 1.5 and ui-router 1.5. How can I determine if the current ui-view state has a next ui-state? This is important because I need to know if the current ...

angularjsionic-frameworkangular-ui-router

The ideal way to efficiently await retrieved data in vue.js to ensure smooth integration in another function

Is there a way to properly handle the successful fetch event before executing the loadMarkers() method? I keep encountering an error because monitorsData.monitors is undefined. I attempted using await with fetch but I'm unsure of the correct usage. ...

javascriptvue.jsasync-awaitfetchcomputed-properties

Unspecified variables in a Javascript bot

Currently, I am working on a project involving the Kik API to create a bot. The main goal is for the game to initiate when users type "!hangman". A boolean value called hangman activates this process and then becomes inactive. Players can then input "!ha ...

javascriptbots

Error message: "The property is not found within the specified type when using the OR operator with

Within my Angular component, I am faced with a challenge involving an Input that can be one of two types. @Input() profile: UserProfileDetails | BusinessProfileDetails; The structure of the profile template is straightforward and I want to avoid duplicati ...

javascriptangulartypescript

Buffer Overflow - Security Audit - Node JS TypeScript Microservice Vulnerability Scan Report

Person Data Schema: import JoiBase from '@hapi/joi'; import JoiDate from '@hapi/joi-date'; const Joi = JoiBase.extend(JoiDate); const personDataSchema = Joi.object().keys({ person: Joi.object().keys({ personId: Joi.string().max( ...

javascriptnode.jstypescriptbuffer-overflowzap

Verifying username using an Ajax call

Currently, I am working on developing a signup form using HTML/CSS/JS that involves utilizing an AJAX request to interact with the server. Within my jQuery code, I have implemented a method for validating the form inputs, which also triggers a function (en ...

javascriptphpjqueryhtmlajax

GWT integration for TinyMCE

I've been attempting to incorporate TinyMCE with GWT's RichTextBox, but so far I haven't had any luck. The issue seems to be that GWT turns the Rich text area into a #document, rather than a standard textarea in HTML. Does anyone know how to ...

javascriptjqueryhtmlgwttinymce

A particular character is displayed exclusively in a text box using either jQuery or JavaScript

Text Box <input id="txtbo" type="text" value="CAN'T TOUCH THIS!" size="50" /> Solution Using jQuery or Javascript: var readOnlyLength = $('#txtbo').val().length; $('#txtbo').on('keypress, keydown', function(even ...

javascriptjquery