diff --git a/src/core/lib/utils.ts b/src/core/lib/utils.ts
index 136dcd32..4e0f3773 100644
--- a/src/core/lib/utils.ts
+++ b/src/core/lib/utils.ts
@@ -17,6 +17,8 @@
  * limitations under the License.
  */
 
+export const PROTOCOL_REGEX = /^(data|ftps?|https?):/;
+
 export type RGBA = [r: number, g: number, b: number, a: number];
 export const getNormalizedRgbaComponents = (rgba: number): RGBA => {
   const r = rgba >>> 24;
@@ -250,8 +252,8 @@ export function isRectPositive(rect: Rect): boolean {
 }
 
 export function convertUrlToAbsolute(url: string): string {
-  // handle local file imports
-  if (self.location.protocol === 'file:') {
+  // handle local file imports if the url isn't remote resource or data blob
+  if (self.location.protocol === 'file:' && !PROTOCOL_REGEX.test(url)) {
     const path = self.location.pathname.split('/');
     path.pop();
     const basePath = path.join('/');