Roll20 uses cookies to improve your experience on our site. Cookies enable you to enjoy certain features, social sharing functionality, and tailor message and display ads to your interests on our site and others. They also help us understand how our site is being used. By continuing to use our site, you consent to our use of cookies. Update your cookie preferences .
×
Create a free account

Unable to drag and drop to upload

I can't drag and drop images from my desktop to the upload section where it says 'drop a file to add it to your library' there's no error except that it turns into a circle with a line through it. Am I doing something stupid?
1414201025
Gauss
Forum Champion
Could you supply a screenshot so I can see where you are at?
Probably a better idea to do this... <a href="http://imgur.com/a/p8L3i" rel="nofollow">http://imgur.com/a/p8L3i</a>
1414203932

Edited 1414204291
Gauss
Forum Champion
I just tested it and it worked fine for me. What is the file size of the image and the file type? I can see the image in the post you made just fine (I can look at it's original version). Edit: Also, which browser are you using?
I'm using Chrome. The image is pretty much anything. Going for a specific example a 256x256 130kb PNG image
1414209220

Edited 1414209295
Gauss
Forum Champion
Ok, please go to <a href="https://wiki.roll20.net/Solving_Technical_Issues" rel="nofollow">https://wiki.roll20.net/Solving_Technical_Issues</a> and follow the steps. Also, please send me a join link to your campaign. One other thing, can you drop images on the map from your computer (not using the uploader)?
I've followed the instructions and sent you a link, but there's nothing showing up in the console on trying to drop an image on and dropping images onto the map also does not work.
1414235256

Edited 1414235268
Gauss
Forum Champion
We still need you to supply a console log (step 4). Also, which browser are you using?
1414248194

Edited 1414248362
Cyberspark
Sheet Author
I'm using Chrome and nothing new shows up in the console after attempting to drag-drop something in. Like Roll20 didn't even receive a request or anything. Regardless the entire console log is below
Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution. app.roll20.net/:8 Refused to execute inline script because it violates the following Content Security Policy directive: "script-src 'self' 'unsafe-eval' https://*.googlesyndication.com https://*.doubleclick.net <a href="https://partner.googleadservices.com" rel="nofollow">https://partner.googleadservices.com</a> <a href="https://www.googletagservices.com" rel="nofollow">https://www.googletagservices.com</a> <a href="https://ssl.google-analytics.com" rel="nofollow">https://ssl.google-analytics.com</a> <a href="https://ajax.googleapis.com" rel="nofollow">https://ajax.googleapis.com</a> <a href="https://d3clqjduf2gvxg.cloudfront.net" rel="nofollow">https://d3clqjduf2gvxg.cloudfront.net</a> <a href="https://cdn.firebase.com" rel="nofollow">https://cdn.firebase.com</a> https://*.firebaseio.com https://*.tokbox.com https://*.opentok.com <a href="http://static.opentok.com" rel="nofollow">http://static.opentok.com</a>". Either the 'unsafe-inline' keyword, a hash ('sha256-...'), or a nonce ('nonce-...') is required to enable inline execution. app.roll20.net/:9 70 app.js?1409801439:22 TOUCH SUPPORTED: false app.js?1409801439:23 USING WEBGL ACCELERATION... app.js?1409801439:23 select app.js?1409801439:18 Switch mode to select app.js?1409801439:18 Initializing new dice engine with randomness... app.js?1409801439:32 Using random entropy app.js?1409801439:32 Compiling sheet... app.js?1409801439:34 Finding sheet rolls... app.js?1409801439:34 window resize app.js?1409801439:35 Final set zoom! app.js?1409801439:23 UPDATE GL SIZE! app.js?1409801439:23 Final set zoom! app.js?1409801439:23 tuts loaded tutorial_tips.js:7 The page at '<a href="https://app.roll20.net/editor/" rel="nofollow">https://app.roll20.net/editor/</a>' was loaded over HTTPS, but displayed insecure content from '<a href="http://imgsrv.roll20.net:5100/?src=criticalthreat.gooberfodder.net/smf/fatelogo.png" rel="nofollow">http://imgsrv.roll20.net:5100/?src=criticalthreat.gooberfodder.net/smf/fatelogo.png</a>': this content should also be loaded over HTTPS. app.roll20.net/:1 Final page load. app.js?1409801439:28 Scan for new plays! app.js?1409801439:28 Auth'ed. app.js?1409801439:28 Go post auth! app.js?1409801439:28 13Scan for new plays! app.js?1409801439:28 initial setup app.js?1409801439:28 Got players value... app.js?1409801439:28 joining game... app.js?1409801439:28 5Full load page! app.js?1409801439:26 We have 5 pages app.js?1409801439:28 refershing page listings! app.js?1409801439:30 Player -JZ3yzEV32PYkrRFXSZg is offline... app.js?1409801439:26 Player -JZJnsVRd6veprrZcssu is offline... app.js?1409801439:26 Player -JZPFvfW2T9fPF3Ez7gd is offline... app.js?1409801439:26 Player -JZPemc8I9i4ifYtyujP is offline... app.js?1409801439:26 Player -JZZDWa1bzrXREx_vjMX is offline... app.js?1409801439:26 Player -JZZDm8LeEVcNeaX_1_- is offline... app.js?1409801439:26 Player -J_3lTLakY6UXuOjv-kI is offline... app.js?1409801439:26 Deferred finish joining... app.js?1409801439:28 Firebase Online app.js?1409801439:22 handle page changes app.js?1409801439:28 false app.js?1409801439:28 refershing page listings! app.js?1409801439:30 init active page! app.js?1409801439:28 activate page! app.js?1409801439:26 FULLY ACTIVATE VIEWS FOR PAGE. app.js?1409801439:26 Search took 3ms app.js?1409801439:34 Do refresh link cache! app.js?1409801439:25 3Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/5818/med.png?133626968355" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5818/med.png?133626968355</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/5818/max.png?133626968355" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5818/max.png?133626968355</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/9587/thumb.png?13367016185" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/9587/thumb.png?13367016185</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/9587/max.png?13367016185" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/9587/max.png?13367016185</a> app.js?1409801439:25 Cols: 2 Rows: 1 app.js?1409801439:21 Took 8ms to generate cache. app.js?1409801439:21 4Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/5818/med.png?1336269683555" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5818/med.png?1336269683555</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/5818/max.png?1336269683555" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5818/max.png?1336269683555</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/162765/GG_irH3ZoQOCd_UjwhWrPA/thumb.png?13455369575" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/162765/GG_irH3ZoQOCd_UjwhWrPA/thumb.png?13455369575</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/162765/GG_irH3ZoQOCd_UjwhWrPA/max.png?13455369575" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/162765/GG_irH3ZoQOCd_UjwhWrPA/max.png?13455369575</a> app.js?1409801439:25 2Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/40543/thumb.png?13398414735" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/40543/thumb.png?13398414735</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/40543/med.png?13398414735" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/40543/med.png?13398414735</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/171390/tXDjYZGx_-YJHb8hF16TVA/thumb.png?13458897465" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/171390/tXDjYZGx_-YJHb8hF16TVA/thumb.png?13458897465</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/171390/tXDjYZGx_-YJHb8hF16TVA/med.png?13458897465" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/171390/tXDjYZGx_-YJHb8hF16TVA/med.png?13458897465</a> app.js?1409801439:25 2Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/40543/thumb.png?133984147355" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/40543/thumb.png?133984147355</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/40543/med.png?133984147355" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/40543/med.png?133984147355</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/6000147/ZyndwNrODFopNAFwvkHEDw/max.png?14136538315" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6000147/ZyndwNrODFopNAFwvkHEDw/max.png?14136538315</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/6000147/ZyndwNrODFopNAFwvkHEDw/thumb.png?14136538315" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6000147/ZyndwNrODFopNAFwvkHEDw/thumb.png?14136538315</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/6000589/HNIOHCr_5VtmYnSJQRfB7Q/max.png?14136556885" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6000589/HNIOHCr_5VtmYnSJQRfB7Q/max.png?14136556885</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/6000589/HNIOHCr_5VtmYnSJQRfB7Q/thumb.png?14136556885" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6000589/HNIOHCr_5VtmYnSJQRfB7Q/thumb.png?14136556885</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/6000512/Z_fph7QYLW3RbHwAUNTsRg/max.png?14136553375" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6000512/Z_fph7QYLW3RbHwAUNTsRg/max.png?14136553375</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/6000512/Z_fph7QYLW3RbHwAUNTsRg/thumb.png?14136553375" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6000512/Z_fph7QYLW3RbHwAUNTsRg/thumb.png?14136553375</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/5999922/6beK4R1D7tJiHohRduyVLA/max.png?14136534485" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5999922/6beK4R1D7tJiHohRduyVLA/max.png?14136534485</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/5999922/6beK4R1D7tJiHohRduyVLA/thumb.png?14136534485" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5999922/6beK4R1D7tJiHohRduyVLA/thumb.png?14136534485</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/6001538/4L8zOs2LBFNCvYWYbWX7bw/max.png?14136601705" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6001538/4L8zOs2LBFNCvYWYbWX7bw/max.png?14136601705</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/6001538/4L8zOs2LBFNCvYWYbWX7bw/thumb.png?14136601705" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6001538/4L8zOs2LBFNCvYWYbWX7bw/thumb.png?14136601705</a> app.js?1409801439:25 initiatlizing video chat app.js?1409801439:33 Connecting to WebRTC app.js?1409801439:33 Graphics: 24 app.js?1409801439:26 3Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/5818/med.png?133626968355" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5818/med.png?133626968355</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/5818/max.png?133626968355" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5818/max.png?133626968355</a> app.js?1409801439:25 4Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/5818/med.png?1336269683555" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5818/med.png?1336269683555</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/5818/max.png?1336269683555" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5818/max.png?1336269683555</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/9587/thumb.png?13367016185" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/9587/thumb.png?13367016185</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/9587/max.png?13367016185" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/9587/max.png?13367016185</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/162765/GG_irH3ZoQOCd_UjwhWrPA/thumb.png?13455369575" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/162765/GG_irH3ZoQOCd_UjwhWrPA/thumb.png?13455369575</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/162765/GG_irH3ZoQOCd_UjwhWrPA/max.png?13455369575" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/162765/GG_irH3ZoQOCd_UjwhWrPA/max.png?13455369575</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/171390/tXDjYZGx_-YJHb8hF16TVA/thumb.png?13458897465" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/171390/tXDjYZGx_-YJHb8hF16TVA/thumb.png?13458897465</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/171390/tXDjYZGx_-YJHb8hF16TVA/med.png?13458897465" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/171390/tXDjYZGx_-YJHb8hF16TVA/med.png?13458897465</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/40543/thumb.png?13398414735" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/40543/thumb.png?13398414735</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/40543/med.png?13398414735" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/40543/med.png?13398414735</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/40543/thumb.png?133984147355" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/40543/thumb.png?133984147355</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/40543/med.png?133984147355" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/40543/med.png?133984147355</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/40543/thumb.png?13398414735" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/40543/thumb.png?13398414735</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/40543/med.png?13398414735" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/40543/med.png?13398414735</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/40543/thumb.png?133984147355" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/40543/thumb.png?133984147355</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/40543/med.png?133984147355" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/40543/med.png?133984147355</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/5999922/6beK4R1D7tJiHohRduyVLA/max.png?14136534485" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5999922/6beK4R1D7tJiHohRduyVLA/max.png?14136534485</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/5999922/6beK4R1D7tJiHohRduyVLA/thumb.png?14136534485" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/5999922/6beK4R1D7tJiHohRduyVLA/thumb.png?14136534485</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/6000147/ZyndwNrODFopNAFwvkHEDw/max.png?14136538315" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6000147/ZyndwNrODFopNAFwvkHEDw/max.png?14136538315</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/6000147/ZyndwNrODFopNAFwvkHEDw/thumb.png?14136538315" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6000147/ZyndwNrODFopNAFwvkHEDw/thumb.png?14136538315</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/6000512/Z_fph7QYLW3RbHwAUNTsRg/max.png?14136553375" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6000512/Z_fph7QYLW3RbHwAUNTsRg/max.png?14136553375</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/6000512/Z_fph7QYLW3RbHwAUNTsRg/thumb.png?14136553375" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6000512/Z_fph7QYLW3RbHwAUNTsRg/thumb.png?14136553375</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/6000589/HNIOHCr_5VtmYnSJQRfB7Q/max.png?14136556885" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6000589/HNIOHCr_5VtmYnSJQRfB7Q/max.png?14136556885</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/6000589/HNIOHCr_5VtmYnSJQRfB7Q/thumb.png?14136556885" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6000589/HNIOHCr_5VtmYnSJQRfB7Q/thumb.png?14136556885</a> app.js?1409801439:25 Swapping <a href="https://s3.amazonaws.com/files.d20.io/images/6001538/4L8zOs2LBFNCvYWYbWX7bw/max.png?14136601705" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6001538/4L8zOs2LBFNCvYWYbWX7bw/max.png?14136601705</a> to <a href="https://s3.amazonaws.com/files.d20.io/images/6001538/4L8zOs2LBFNCvYWYbWX7bw/thumb.png?14136601705" rel="nofollow">https://s3.amazonaws.com/files.d20.io/images/6001538/4L8zOs2LBFNCvYWYbWX7bw/thumb.png?14136601705</a> app.js?1409801439:25 Paths: 1 app.js?1409801439:26 refershing page listings! app.js?1409801439:30 5Updating character sheet values app.js?1409801439:29 Reorder by ZORDER app.js?1409801439:26 20setting src app.js?1409801439:25 Cols: 2 Rows: 1 app.js?1409801439:21 Took 7ms to generate cache. app.js?1409801439:21 Cols: 2 Rows: 1 app.js?1409801439:21 Took 1ms to generate cache. app.js?1409801439:21 Cols: 2 Rows: 1 app.js?1409801439:21 Took 1ms to generate cache. app.js?1409801439:21 Cols: 2 Rows: 1 app.js?1409801439:21 Took 7ms to generate cache. app.js?1409801439:21 Cols: 2 Rows: 1 app.js?1409801439:21 Took 1ms to generate cache. app.js?1409801439:21 Cols: 2 Rows: 1 app.js?1409801439:21 Took 1ms to generate cache. app.js?1409801439:21 Cols: 2 Rows: 1 app.js?1409801439:21 Took 0ms to generate cache. app.js?1409801439:21 10setting src app.js:25 Image from origin '<a href="https://s3.amazonaws.com" rel="nofollow">https://s3.amazonaws.com</a>' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin '<a href="https://app.roll20.net" rel="nofollow">https://app.roll20.net</a>' is therefore not allowed access. app.roll20.net/:1 6setting src app.js:25 Reorder by ZORDER app.js:26 Connected to session app.js:33 Someone just connected. app.js:33 It's us? app.js:33 new lamp app.js:22 window resize app.js:35 Final set zoom! app.js:23 UPDATE GL SIZE! app.js:23 Final set zoom! app.js:23 window resize app.js:35 Final set zoom! app.js:23 UPDATE GL SIZE! app.js:23 Final set zoom!
1414271205

Edited 1414271278
Gauss
Forum Champion
Ok, I have forwarded this to the Devs. Have you tried to use the uploader's "choose a file" method (not drag and drop)?
Yeah, choose a file works fine. It's not a breaking thing for me. It'd just be easier if the drag and drop actually worked. Thanks a lot for your help.
What happens if you try dragging and dropping it directly onto the tabletop itself?
The same thing that happens by dragging to the upload window, nothing.
I just get a symbol like this when dragging over it and letting go of the mouse button causes the dragging to end and nothing to happen.