Issue Uploading background maps. Freezing during upload.

Detailed description of the problem

Upload freezing when uploading image (Less then 5mb).
image to be used as Battlemap.

Minimum number of steps to reproduce the problem

1, only on thing needed to do.

Description of setup

1. Firefox 107.0
2. Adblock plus
   Adblocker Ultimate
   Magic actions for youtube
   nordpass
   
3. Windows 10
   
   Bug Triage Results
   Please carefully work through to the first three steps of our guide to Reporting a bug:
   
4. Step 1: Make sure to use the right browser.
   •  Using Firefox and tried Opera Gx same result
     
5. Step 2: Ensure that there are no extensions/addons interfering with Roll20
   • Please disable all add-ons/extensions. have tried this, and nothing.
     
6. Step 3: Clear your cache have done.
   

• When i drag a image to roll20, to use as a background/battle map it freezes during upload.
  
• Results from steps 1-3. Nothing changed.
  
• Step by step reproduction instructions. When i drag a image to roll20, to use as a background/battle map it freezes during upload.
• Your computer settings
• Firefox 107.0
• Windows 10
• Javascript is enabled
• Hardware acceleration is enabled
• Adblock plus
  Adblocker Ultimate
  Magic actions for youtube
  nordpass
• Debounced init page! vtt.bundle.js:26492:100610
  
  Source map error: Error: request failed with status 404 Resource URL: https://app.roll20.net/assets/base.css?1668723864 Source Map URL: bootstrap.css.map
  
  
  Cookie “rack.session” has been rejected because it is already expired. reqimage
  
  Cookie “rack.session” has been rejected because it is already expired. 346109845
  
  Cookie “rack.session” has been rejected because it is already expired. 346109845
  
  Cookie “rack.session” has been rejected because it is already expired. 346109845
  
  Cookie “rack.session” has been rejected because it is already expired. 346109845
  
  Uncaught TypeError: window.DD_RUM is undefined
  C https://cdn.roll20.net/production/vtt.bundle.js:24591
  

  E https://cdn.roll20.net/production/vtt.bundle.js:24591
  
  vtt.bundle.js:24591:69667
  
  Cookie “rack.session” has been rejected because it is already expired. ping
  
  Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://s3.amazonaws.com/files.d20.io/images/315918940/7NjMotxEhDgxg4WU3DVGOQ/max.jpg?AWSAccessKeyId=AKIAIVMOBMWG4CULMUMQ&Expires=1669469037&Signature=Mf5LJqnZ8YWTvFud%2F2jKu8R0f5E%3D. (Reason: Multiple CORS header ‘Access-Control-Allow-Origin’ not allowed).
  
  
  Cookie “rack.session” has been rejected because it is already expired. 14313699
  
  Uncaught TypeError: window.DD_RUM is undefined
  C https://cdn.roll20.net/production/vtt.bundle.js:24591
  

  E https://cdn.roll20.net/production/vtt.bundle.js:24591
  
  vtt.bundle.js:24591:69667
  
  Cookie “rack.session” has been rejected because it is already expired. ping
  
  Uncaught TypeError: window.DD_RUM is undefined
  C https://cdn.roll20.net/production/vtt.bundle.js:24591
  

  E https://cdn.roll20.net/production/vtt.bundle.js:24591
  
  2 vtt.bundle.js:24591:69667
  
  Debounced init page! 2 vtt.bundle.js:26492:100610

Hi Nkoh!

Very thorough report! The best place to send this info to get it in front of the Roll20 team is through a Help Center Request. Most of the forum help is community help.

Out of curiosity, what is the format of the image? Animated images like .webm can take an extraordinary amount of time to process upon upload.

Also, have you checked to make sure you have not exceeded your storage quota? You can find it on your account page. If this is the case, and you need to make some room, Check your myAudio uploads first, if you have any. Those files are typically much larger and less critical.

JPG File (.jpg)
Size: 2,23 MB (2 344 207 bytes)

My storage quota is.

Storage Quota: 100MB

Your storage quota is the amount of digital assets that you can store on Roll20. It doesn't include art that you use from built-in sets or from web searches. It only includes the space used by images and audio you upload from your computer.

Sending to Help center as well.


here is the Updated log anyways.

Firebase Offline vtt.bundle.js:26461:128504
Player -NHF_qlRz9--YMqxTYjH is offline... vtt.bundle.js:24039:133900
Firebase Online vtt.bundle.js:26461:128291
Joined channel 'campaign:14313699' successfully
Object {  }
vtt.bundle.js:24591:94545
This page uses the non standard property “zoom”. Consider using calc() in the relevant property values, or using “transform” along with “transform-origin: 0 0”. editor
Some cookies are misusing the recommended “SameSite“ attribute 44
Cookie “rack.session” has been rejected because it is already expired. editor
Content Security Policy: The page’s settings blocked the loading of a resource at inline (“script-src”). moz-extension:136:52
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://browser.sentry-cdn.com/5.15.4/bundle.min.js. (Reason: CORS request did not succeed). Status code: (null).
None of the “sha384” hashes in the integrity attribute match the content of the subresource. editor
Content Security Policy: The page’s settings blocked the loading of a resource at inline (“script-src”). sandbox eval code:9:350
JQMIGRATE: Logging is active jquery.migrate.js:20:10
Content Security Policy: The page’s settings blocked the loading of a resource at inline (“script-src”). 3 jquery-1.9.1.js:1444:6
Content Security Policy: The page’s settings blocked the loading of a resource at inline (“script-src”). 3 jquery-1.9.1.js:1450:5
Loading failed for the <script> with source “https://www.googletagmanager.com/gtm.js?id=GTM-MKL9HM6&gtm_auth=RyNPjkDTh-LgK4oo5gJi6A&gtm_preview=env-1&gtm_cookies_win=x”. editor:1:1
Layout was forced before the page was fully loaded. If stylesheets are not yet loaded this may cause a flash of unstyled content. jquery-1.9.1.js:9392:13
Loading failed for the <script> with source “https://www.datadoghq-browser-agent.com/datadog-rum.js”. editor:263:1
Loading failed for the <script> with source “https://www.google-analytics.com/analytics.js”. editor:1:1
Cookie “rack.session” has been rejected because it is already expired. startjs
CAMPAIGN ID: 14313699 startjs:23:9
WebRTC: RTCIceServer.url is deprecated! Use urls instead. vtt.bundle.js:24015
WebRTC: RTCIceServer.url is deprecated! Use urls instead. vtt.bundle.js:24015
WebRTC: RTCIceServer.url is deprecated! Use urls instead. vtt.bundle.js:24015
70 vtt.bundle.js:26461:126319
TOUCH SUPPORTED: false vtt.bundle.js:26492:85804
USING WEBGL ACCELERATION... vtt.bundle.js:26492:86342
WEBGL STARTUP SUCCESS vtt.bundle.js:26492:86781
Source map error: Error: request failed with status 404
Resource URL: https://app.roll20.net/assets/base.css?1668723864
Source Map URL: bootstrap.css.map
Loading Custom character sheet. vtt.bundle.js:26568:57256
tuts loaded tutorial_tips.js:7:10
Invalid URI. Load of media resource  failed. editor
Cookie “rack.session” has been rejected because it is already expired. false
Cookie “rack.session” has been rejected because it is already expired. fetchroot
Cookie “rack.session” has been rejected because it is already expired. marketplace_purchases_index
unreachable code after return statement ffmpeg-worker-webm.3.js:153:13433
unreachable code after return statement ffmpeg-worker-webm.3.js:164:111617
unreachable code after return statement ffmpeg-worker-webm.3.js:183:15520
unreachable code after return statement ffmpeg-worker-webm.3.js:187:17706
unreachable code after return statement ffmpeg-worker-webm.3.js:187:19502
unreachable code after return statement ffmpeg-worker-webm.3.js:189:21299
unreachable code after return statement ffmpeg-worker-webm.3.js:190:21237
unreachable code after return statement ffmpeg-worker-webm.3.js:194:17922
unreachable code after return statement ffmpeg-worker-webm.3.js:194:39367
unreachable code after return statement ffmpeg-worker-webm.3.js:197:71233
Successfully compiled asm.js code (total compilation time 858ms) ffmpeg-worker-webm.3.js
Cookie “rack.session” has been rejected because it is already expired. dnd5e
Including compendium template css. vtt.bundle.js:26568:57451
Final page load. vtt.bundle.js:26527:42714
Starting up WEB WORKER sheetsandbox.bundle.js:3225:10
Roll20 Environment: Web sheetsandbox.bundle.js:4:11
Starting up WEB WORKER sheetsandbox.bundle.js:3225:10
Roll20 Kingmaker Module log| kScaffold Loaded sheetsandbox.bundle.js:209:13
Auth'ed. vtt.bundle.js:26495:8689
Go post auth! vtt.bundle.js:26495:9055
Starting up WEB WORKER sheetsandbox.bundle.js:3225:10
initial setup vtt.bundle.js:26495:9412
joining game... vtt.bundle.js:26495:26794
Player -NHF_qlRz9--YMqxTYjH is offline... vtt.bundle.js:24039:133900
THREE.WebGLRenderer 69 vtt.bundle.js:26348:42
We have 4 pages vtt.bundle.js:26495:11023
Player -NHF_w47Al6vqdU3BGq6 is offline... vtt.bundle.js:24039:133900
Player -NHFc9Snhm-wPJDGenpR is offline... vtt.bundle.js:24039:133900
Deferred finish joining... vtt.bundle.js:26495:26880
Firebase Online vtt.bundle.js:26461:128291
Cookie “rack.session” has been rejected because it is already expired. validatefolderstructure
Cookie “rack.session” has been rejected because it is already expired. 14313699
Cookie “rack.session” has been rejected because it is already expired. 150
Cookie “rack.session” has been rejected because it is already expired. 1
Joined channel 'campaign:14313699' successfully
Object {  }
vtt.bundle.js:24591:94545
Cookie “rack.session” has been rejected because it is already expired. 2
GEThttps://s3.amazonaws.com/files.d20.io/images/255581065/GtwBGZI1pxKAnKW_mm8Ccw/thumb.webp?1636886602
[HTTP/1.1 403 Forbidden 556ms]

GEThttps://s3.amazonaws.com/files.d20.io/images/255373752/lug7hG06V2rqrXDGDzGq1Q/thumb.webp?1636802078
[HTTP/1.1 403 Forbidden 615ms]

GEThttps://s3.amazonaws.com/files.d20.io/images/255272666/Iokw8FHGrxCaS2rEXquklA/thumb.webp?1636759776
[HTTP/1.1 403 Forbidden 678ms]

GEThttps://s3.amazonaws.com/files.d20.io/images/255272538/jzqlfkTGcztjcYEhDYENKA/thumb.webp?1636759725
[HTTP/1.1 403 Forbidden 777ms]

This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://firefox-source-docs.mozilla.org/performance/scroll-linked_effects.html for further details and to join the discussion on related tools and features! editor
Cookie “rack.session” has been rejected because it is already expired. 30
Cookie “rack.session” has been rejected because it is already expired. 30
Cookie “rack.session” has been rejected because it is already expired. 14313699
Debounced init page! 5 vtt.bundle.js:26492:100610
Cookie “rack.session” has been rejected because it is already expired. reqimage
Cookie “rack.session” has been rejected because it is already expired. 346161006
Cookie “rack.session” has been rejected because it is already expired. 346161006
Cookie “rack.session” has been rejected because it is already expired. 346161006
Cookie “rack.session” has been rejected because it is already expired. 346161006
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://s3.amazonaws.com/files.d20.io/images/315967424/pTeaI35FD1oHdgPI4izGIw/max.jpg?AWSAccessKeyId=AKIAIVMOBMWG4CULMUMQ&Expires=1669492323&Signature=bMWnqXj0Wq1iAWVCBNbfIKsl9ps%3D. (Reason: Multiple CORS header ‘Access-Control-Allow-Origin’ not allowed).

What type does the image you try to upload has? If it is a .webm file, try converting it to PNG or JPG before uploading...

Nkoh said:

Sending to Help center as well.


here is the Updated log anyways.

Firebase Offline vtt.bundle.js:26461:128504
Player -NHF_qlRz9--YMqxTYjH is offline... vtt.bundle.js:24039:133900
Firebase Online vtt.bundle.js:26461:128291
Joined channel 'campaign:14313699' successfully
Object {  }
vtt.bundle.js:24591:94545
This page uses the non standard property “zoom”. Consider using calc() in the relevant property values, or using “transform” along with “transform-origin: 0 0”. editor
Some cookies are misusing the recommended “SameSite“ attribute 44
Cookie “rack.session” has been rejected because it is already expired. editor
Content Security Policy: The page’s settings blocked the loading of a resource at inline (“script-src”). moz-extension:136:52
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://browser.sentry-cdn.com/5.15.4/bundle.min.js. (Reason: CORS request did not succeed). Status code: (null).
None of the “sha384” hashes in the integrity attribute match the content of the subresource. editor
Content Security Policy: The page’s settings blocked the loading of a resource at inline (“script-src”). sandbox eval code:9:350
JQMIGRATE: Logging is active jquery.migrate.js:20:10
Content Security Policy: The page’s settings blocked the loading of a resource at inline (“script-src”). 3 jquery-1.9.1.js:1444:6
Content Security Policy: The page’s settings blocked the loading of a resource at inline (“script-src”). 3 jquery-1.9.1.js:1450:5
Loading failed for the <script> with source “https://www.googletagmanager.com/gtm.js?id=GTM-MKL9HM6&gtm_auth=RyNPjkDTh-LgK4oo5gJi6A&gtm_preview=env-1&gtm_cookies_win=x”. editor:1:1
Layout was forced before the page was fully loaded. If stylesheets are not yet loaded this may cause a flash of unstyled content. jquery-1.9.1.js:9392:13
Loading failed for the <script> with source “https://www.datadoghq-browser-agent.com/datadog-rum.js”. editor:263:1
Loading failed for the <script> with source “https://www.google-analytics.com/analytics.js”. editor:1:1
Cookie “rack.session” has been rejected because it is already expired. startjs
CAMPAIGN ID: 14313699 startjs:23:9
WebRTC: RTCIceServer.url is deprecated! Use urls instead. vtt.bundle.js:24015
WebRTC: RTCIceServer.url is deprecated! Use urls instead. vtt.bundle.js:24015
WebRTC: RTCIceServer.url is deprecated! Use urls instead. vtt.bundle.js:24015
70 vtt.bundle.js:26461:126319
TOUCH SUPPORTED: false vtt.bundle.js:26492:85804
USING WEBGL ACCELERATION... vtt.bundle.js:26492:86342
WEBGL STARTUP SUCCESS vtt.bundle.js:26492:86781
Source map error: Error: request failed with status 404
Resource URL: https://app.roll20.net/assets/base.css?1668723864
Source Map URL: bootstrap.css.map
Loading Custom character sheet. vtt.bundle.js:26568:57256
tuts loaded tutorial_tips.js:7:10
Invalid URI. Load of media resource  failed. editor
Cookie “rack.session” has been rejected because it is already expired. false
Cookie “rack.session” has been rejected because it is already expired. fetchroot
Cookie “rack.session” has been rejected because it is already expired. marketplace_purchases_index
unreachable code after return statement ffmpeg-worker-webm.3.js:153:13433
unreachable code after return statement ffmpeg-worker-webm.3.js:164:111617
unreachable code after return statement ffmpeg-worker-webm.3.js:183:15520
unreachable code after return statement ffmpeg-worker-webm.3.js:187:17706
unreachable code after return statement ffmpeg-worker-webm.3.js:187:19502
unreachable code after return statement ffmpeg-worker-webm.3.js:189:21299
unreachable code after return statement ffmpeg-worker-webm.3.js:190:21237
unreachable code after return statement ffmpeg-worker-webm.3.js:194:17922
unreachable code after return statement ffmpeg-worker-webm.3.js:194:39367
unreachable code after return statement ffmpeg-worker-webm.3.js:197:71233
Successfully compiled asm.js code (total compilation time 858ms) ffmpeg-worker-webm.3.js
Cookie “rack.session” has been rejected because it is already expired. dnd5e
Including compendium template css. vtt.bundle.js:26568:57451
Final page load. vtt.bundle.js:26527:42714
Starting up WEB WORKER sheetsandbox.bundle.js:3225:10
Roll20 Environment: Web sheetsandbox.bundle.js:4:11
Starting up WEB WORKER sheetsandbox.bundle.js:3225:10
Roll20 Kingmaker Module log| kScaffold Loaded sheetsandbox.bundle.js:209:13
Auth'ed. vtt.bundle.js:26495:8689
Go post auth! vtt.bundle.js:26495:9055
Starting up WEB WORKER sheetsandbox.bundle.js:3225:10
initial setup vtt.bundle.js:26495:9412
joining game... vtt.bundle.js:26495:26794
Player -NHF_qlRz9--YMqxTYjH is offline... vtt.bundle.js:24039:133900
THREE.WebGLRenderer 69 vtt.bundle.js:26348:42
We have 4 pages vtt.bundle.js:26495:11023
Player -NHF_w47Al6vqdU3BGq6 is offline... vtt.bundle.js:24039:133900
Player -NHFc9Snhm-wPJDGenpR is offline... vtt.bundle.js:24039:133900
Deferred finish joining... vtt.bundle.js:26495:26880
Firebase Online vtt.bundle.js:26461:128291
Cookie “rack.session” has been rejected because it is already expired. validatefolderstructure
Cookie “rack.session” has been rejected because it is already expired. 14313699
Cookie “rack.session” has been rejected because it is already expired. 150
Cookie “rack.session” has been rejected because it is already expired. 1
Joined channel 'campaign:14313699' successfully
Object {  }
vtt.bundle.js:24591:94545
Cookie “rack.session” has been rejected because it is already expired. 2
GEThttps://s3.amazonaws.com/files.d20.io/images/255581065/GtwBGZI1pxKAnKW_mm8Ccw/thumb.webp?1636886602
[HTTP/1.1 403 Forbidden 556ms]

GEThttps://s3.amazonaws.com/files.d20.io/images/255373752/lug7hG06V2rqrXDGDzGq1Q/thumb.webp?1636802078
[HTTP/1.1 403 Forbidden 615ms]

GEThttps://s3.amazonaws.com/files.d20.io/images/255272666/Iokw8FHGrxCaS2rEXquklA/thumb.webp?1636759776
[HTTP/1.1 403 Forbidden 678ms]

GEThttps://s3.amazonaws.com/files.d20.io/images/255272538/jzqlfkTGcztjcYEhDYENKA/thumb.webp?1636759725
[HTTP/1.1 403 Forbidden 777ms]

This site appears to use a scroll-linked positioning effect. This may not work well with asynchronous panning; see https://firefox-source-docs.mozilla.org/performance/scroll-linked_effects.html for further details and to join the discussion on related tools and features! editor
Cookie “rack.session” has been rejected because it is already expired. 30
Cookie “rack.session” has been rejected because it is already expired. 30
Cookie “rack.session” has been rejected because it is already expired. 14313699
Debounced init page! 5 vtt.bundle.js:26492:100610
Cookie “rack.session” has been rejected because it is already expired. reqimage
Cookie “rack.session” has been rejected because it is already expired. 346161006
Cookie “rack.session” has been rejected because it is already expired. 346161006
Cookie “rack.session” has been rejected because it is already expired. 346161006
Cookie “rack.session” has been rejected because it is already expired. 346161006
Cross-Origin Request Blocked: The Same Origin Policy disallows reading the remote resource at https://s3.amazonaws.com/files.d20.io/images/315967424/pTeaI35FD1oHdgPI4izGIw/max.jpg?AWSAccessKeyId=AKIAIVMOBMWG4CULMUMQ&Expires=1669492323&Signature=bMWnqXj0Wq1iAWVCBNbfIKsl9ps%3D. (Reason: Multiple CORS header ‘Access-Control-Allow-Origin’ not allowed).

TheMarkus1204 said:

What type does the image you try to upload has? If it is a .webm file, try converting it to PNG or JPG before uploading...

OP stated it was a 2.23 MB jpeg.