canvas - How to debug CORS error -

-

i'm trying grab image amazon s3 using cross-origin resource sharing can use canvas.todataurl() method.

on s3 set corsconfiguration on bucket to:

<?xml version="1.0" encoding="utf-8"?> <corsconfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">     <corsrule>         <allowedorigin>*</allowedorigin>         <allowedmethod>get</allowedmethod>         <allowedmethod>post</allowedmethod>         <allowedmethod>put</allowedmethod>         <maxageseconds>3000</maxageseconds>         <allowedheader>*</allowedheader>     </corsrule> </corsconfiguration>

when canvas.todataurl() threw security error code 18, guessed because image had loaded "crossorigin" attribute set.

still, no matter how load image s3, example:

<img src="http://s3.amazonaws.com/storybookstorage/wood.png" crossorigin="anonymous">

chrome gives me error when load image:

cross-origin image load denied cross-origin resource sharing policy.

can me figure out what's wrong, or how pinpoint problem might be?

my headers image request (from chrome dev tools):

request:

 /storybookstorage/wood.png http/1.1  host: s3.amazonaws.com  connection: keep-alive  cache-control: max-age=0  accept: image/webp,*/*;q=0.8  if-none-match: "d5098b2c3d1417da8ccd9764612248ca"  if-modified-since: thu, 08 aug 2013 01:10:23 gmt  user-agent: mozilla/5.0 (macintosh; intel mac os x 10_6_8) applewebkit/537.36 (khtml, gecko) chrome/29.0.1547.57 safari/537.36  dnt: 1  referer: http://0.0.0.0:3000/items/1/  accept-encoding: gzip,deflate,sdch  accept-language: en-us,en;q=0.8

response:

 date:sat, 24 aug 2013 00:27:56 gmt  etag:"d5098b2c3d1417da8ccd9764612248ca"  last-modified:thu, 08 aug 2013 01:10:23 gmt  server:amazons3  x-amz-id-2:gyr2vmt9hec8hrgvcxvdrrrb/som3i/wpuardnpr/py2voajigsda960b0q83zzn  x-amz-request-id:434e3571705359e9

thanks!

ok figured out problem. it's hard debug because browser doesn't give info. problem on client side - cors specification picky how request made. in case, think problem loading image in image tag.

the way seemed work if set "crossorigin" attribute before loading image:

 var grabbed = new image();  $(grabbed).attr('crossorigin', '');  $(grabbed).attr("src", mysource);

the way able debug test several different setups on client side & different configurations server side because headers can hard interpret. (problems on client side can make seem server isn't configured properly).


Comments

Post a Comment

Popular posts from this blog

Line ending issue with Mercurial or Visual Studio -

-
i seem have strange issue caused either visual studio or mercurial. localised single project, i'm guessing in project configuration causing issue. at difficult specify point, when perform action in visual studio, update every line ending in given file, means when @ file in sourcetree, every line has changed. i can replicate using nuget add package dependency; packages.config entirely replaced. if commit changes, including line endings, later same issue occur. workaround have shelve changes , reapply them, whereupon lines written correctly. i'm not sure application blame here. did make mistake of allowing sourcetree change mercurial configuration, issue have fixed, i'm not sure if has persisted. i thought might issue mercurial.ini files or hgrcs don't seem contain untoward. here's mercurial.ini [ui] username = .... [auth] bb.prefix = https://bitbucket.org/ bb.username = .... bb.password = .... [extensions] mq = rebase = [web] allow_push = * push_s...
Read more

java - Jtable duplicate Rows -

-
Image
when add new rows in jtable duplicate rows many times this method update jtable public final void tableaucomande(){ ((defaulttablemodel)tabcommande.getmodel()).getdatavector().clear(); session s=hibernateutil.getsessionfactory().opensession(); criteria cr1= s.createcriteria(commande.class); list <commande> lcs=cr1.list() ; criteria cr2= s.createcriteria(lignecommande.class); list <lignecommande> lck=cr2.list() ; if(lcs.size()!=0 && lck.size()!=0) { (commande lc:lcs) { for(lignecommande lig:lck){ ((defaulttablemodel)tabcommande.getmodel()).addrow(new object[]{ lc.getid_cmd(),lc.getnumcmd(),lc.getdate_cmd(),lc.getclient().getnomprenom(), lig.getproduit().getlib_prd(),lig.getquantite(),lig.getproduit().getid_prd() }); } } // tabcommande.setrowselectioninterval(tabcommande.getrowcount()-1,tabcommande.getrowcount()-1); } } this code add add data rows displaye...
Read more

java - Run a .jar on Heroku -

-
i trying run .jar file on heroku, , can't find instructions anywhere on how this. have read wants me compile uploading heroku. possible, , if is, how this? if helps, trying run minecraft craftbukkit server, , don't have pom.xml file yet. you didn't provide details i'll try give , people reaches question way it. first of all, create heroku account , create heroku application (assumed have done that). second, need generate application jar , upload heroku. so, open terminal , install heroku cli (assuming unix terminal): $ sudo npm install -g heroku-cli you need have npm , nodejs installed, can check link: https://www.digitalocean.com/community/tutorials/how-to-install-node-js-on-ubuntu-16-04 once done that, can use npm update node version acceptable heroku-cli: $ sudo npm install -g n $ sudo n 7.10.0 and run: $ sudo npm install -g heroku-cli in order deploy jars, need install deploy plugin: $ sudo heroku plugins:install heroku-cli-deploy ...
Read more