html5 - Canvas getImageData() after drawing image from file:// URI - need workaround for all browsers -



html5 - Canvas getImageData() after drawing image from file:// URI - need workaround for all browsers -

i'm developer of build 2, html5 game editor windows. it's @ http://www.scirra.com.

recently i've been trying add together feature modify image transforming on canvas. it's pretty straightforward - draw image canvas , phone call getimagedata() pixels.

when user clicks 'preview' in our application, files dumped temp file on disk , browser launched show it. uploading server not alternative previewing - games megabytes big.

however browsers block using getimagedata() pixels of any image loaded disk @ all. i've tried putting necessary image files in subdirectories mdn suggests in description of file:// access policies. doesn't work either!

chrome's --allow-file-access-from-files flag fixes it. however, need back upwards major browsers. there similar workaround @ to the lowest degree net explorer , firefox? have no thought net explorer, , wish there's doesn't involve manually going about:config in firefox, otherwise deluged in back upwards requests asking "why doesn't work in firefox?!".

also, why on earth security policy necessary?!? seems way on top , makes applications ours hard write.

any help appreciated.

your name sounds familiar hn.

this pretty laid out in stone in spec now, though upsets awful lot of people. http:// , file:// different origins, , tries set 1 on other dirty origin. noted file uri's have own set of rules create things trickier.

drawing canvas origin not same? bad, origin-clean flag henceforth false, disallows doing various things.

a finish list of things located in spec here.

but i'm sure know now. want around it.

i'd suggest ins instead of trying strong-arm browsers around it, bundle in kind of lightweight web service things appearing same origin. cause lot fewer headaches in future.

you'll want python simplehttpserver. decision depends on you've got included in product @ point.

html5 canvas same-origin-policy getimagedata file-uri

Comments

Post a Comment

Popular posts from this blog

iphone - Dismissing a UIAlertView -

iphone - Dismissing a UIAlertView - i set in app purchase app, , when user taps button, purchase started. basically, tap button, , depending on speed on net connection, waiting 10 seconds until new alert view comes asking if purchase product. user tap button multiple times since nil came up, , multiple purchase alert views come up. additionally, maybe seen user app bug. in end, problem. i want alert view come spinning wheel says "loading..." when users taps purchase button. problem is, how dismiss when new alert view comes asking user if want purchase product? if ([uialertview alloc] says: @"whatever apple's alert view says") { //dismiss "loading..." alert view here } i uncertainty work, input appreciated. thanks! you need have access alertview. can this. create alertview instance var in app delegate , when want show loading initialize instance var assign property , when want dismiss phone call [alertviewinstance d...
Read more

intellij idea - Update external libraries with intelij and java -

intellij idea - Update external libraries with intelij and java - simple plenty really. i'm using apache jars, i'll create changes jar's every often. these jars listed external libs in intelij (i.e classpath looking install dir of jar's). when create changes intelij doesn't seem know new implementation. have remove jar external library , re-ad it. does know have intelij picks changes automatically ? i've done clean , rebuild project had little effect. you can go preferences -> build, execution, deployment -> build tools -> maven -> importing , check box says import maven projects automatically . in mac, can command + shift + a , come in action reimport , click on reimport maven projects . intellij-idea
Read more

javascript - send data from a new window to previous window in php -

javascript - send data from a new window to previous window in php - i have image in main.php file : <img src="..\images\image.gif" class="cur" onclick="imgwin();"> when click on image below function has called : function imgwin() { imagewin=window.open("../pages/img.php","imagewin","toolbar=no,width=500,height=200,directories=no,menubar=no,scrollbars=yes"); } this function opens img.php in new window img.php file : <html> <head> <title>upload image</title> </head> <body> <form name="imgform" method="get" action="#"> address : <input type="file" name="imgurl" size="50"> description : <input type="text" name="description" size="50"> <input type="submit" value="sumbit...
Read more