我有一个在pixie.strd6.com上运行的网站和通过Amazon S3托管的图像,其中包含一个CNAME for images.pixie.strd6.com.

我想能够将这些图像绘制到HTML5画布上,并调用getimageData方法,但会抛出错误:Security_ERR:DOM异常18

我已经尝试设置window.domain =“pixie.strd6.com”,但这没有任何效果.

另外,$.get(“http://dev.pixie.strd6.com/sprites/8516/thumb.png?1293830982”,function(data){console.log(data)})也会引发一个错误:XMLHttpRequest不能负载http://dev.pixie.strd6.com/sprites/8516/thumb.png?1293830982.原点http://pixie.strd6.com不允许由Access-Control-Allow-Origin.

理想情况下,HTML5 canvas不会阻止从子域调用getimageData.我已经在S3中设计了一个Access-Control-Allow-Origin标头,但是还没有成功.

任何帮助或解决方法非常感谢.

解决方法

Amazon recently announced CORS support

We’re delighted to announce support for Cross-Origin Resource Sharing (CORS) in Amazon S3. You can Now easily build web applications that use JavaScript and HTML5 to interact with resources in Amazon S3,enabling you to implement HTML5 drag and drop uploads to Amazon S3,show upload progress,or update content. Until Now,you needed to run a custom proxy server between your web application and Amazon S3 to support these capabilities.

How to enable CORS

To configure your bucket to allow cross-origin requests,you create a CORS configuration,an XML document with rules that identify the origins that you will allow to access your bucket,the operations (HTTP methods) will support for each origin,and other operation-specific information. You can add up to 100 rules to the configuration. You add the XML document as the cors subresource to the bucket.

HTML5画布getImageData和同源策略的更多相关文章

  1. 尝试更改Bool属性时,ios – EXC_BAD_ACCESS错误

    我正在尝试更改Bool属性并且收到一个EXC_BAD_ACCESS错误.我正在使用XCode6和Swift.note属性保存不错,但已完成的属性会抛出EXC_BAD_ACCESS错误改变属性程序解决方法有同样的问题,解决方案确实是在@NSManaged属性中使用NSNumber.此外,您可以定义一个计算的Bool属性,以便您可以使用业务逻辑中的标量布尔值,而不能使用NSNumber.

  2. 微信三方登录相关(Swift)

    微信登录条件1.微信开放平台注册并认证成功2.相关应用的微信的APPID和secret3.遵循微信代理WXApiDelegate使用处编写相关登录代码WXApi.registerappletreq=SendAuthReq.init()req.scope="snsapi_userinfo"req.state="wulianwang"WXApi.send在回调方法中处理相关业务funconResp(_resp:BaseResp!,options:.mutableContainers)/**正确时返回的JSON

  3. Swift POST请求不起作用

    我正在尝试使用Swift发布帖子请求.我的目标是将accessstokenfacebook发布到服务器但不起作用.这是代码:答案如下:这样您可以使用POSTWeb服务:

  4. Swift 3.0字符串连接离开“可选”

    “随你”有人见过类似的东西?

  5. 如何知道Android手机中的位置区号和手机ID

    我想知道SIM卡中保存的位置区号和小区ID.如何在Android手机中获取位置区号和小区ID.最好的祝福.解决方法不要忘记设置ACCESS_COARSE_LOCATION或ACCESS_FINE_LOCATION,否则您将获得SecurityExceptions.例如,将以下内容添加到应用清单中的元素:

  6. Android Recycle View LogCat:找不到方法

    我使用Android支持库中的RecyclerView.在使用Android4.1.2的三星galaxyS2上运行时,一切正常但在Logcat中我看到了消息:我应该担心这个消息吗?

  7. 脚本中出现 window.open() access is denied - 拒绝访问 情况一则及分析

    昨天把blog页面另存在,在本地调试和改blog皮肤。包括把上面的function放在另外一个页面上运行,依然是正常,并把这个function单独改成了window.open还是拒绝访问。never-online'sTechBlogInCSDN-JS&DHTMLfunctionaddEvent{if{o.attachEvent;}else{o.addEventListener;}}functionfnRunHtmlCode{varwnd=window.open;wnd.document.open;wnd.

  8. php获取微信基础接口凭证Access_token

    这篇文章主要为大家详细介绍了php获取微信基础接口凭证Access_token,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  9. 使用PHP连接多种数据库的实现代码(mysql,access,sqlserver,Oracle)

    我们今天为大家介绍的PHP连接数据库的方法包括在MYSQL数据库、ACCESS数据库、MS SQL数据库和Oracle数据库中实现

  10. 利用python分析access日志的方法

    最近在自学python,光看是不行的,还是要多实操的。这就是一个写给自己的小小工具。主要功能是,便利日志文件夹下的文件,根据设定的关键字查找是否有web攻击行为。有需要的朋友们下面来一起看看吧。

随机推荐

  1. 微信小程序canvas实现水平、垂直居中效果

    这篇文章主要介绍了小程序中canvas实现水平、垂直居中效果,本文图文实例代码相结合给大家介绍的非常详细,具有一定的参考借鉴价值,需要的朋友可以参考下

  2. 使用HTML5做的导航条详细步骤

    这篇文章主要介绍了用HTML5做的导航条详细步骤,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  3. H5最强接口之canvas实现动态图形功能

    这篇文章主要介绍了H5最强接口之canvas实现动态图形功能,需要的朋友可以参考下

  4. Canvas高级路径操作之拖拽对象的实现

    这篇文章主要介绍了Canvas高级路径操作之拖拽对象的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  5. html5视频自动横过来自适应页面且点击播放功能的实现

    这篇文章主要介绍了h5视频自动横过来自适应页面且点击播放,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  6. 详解HTML5中的picture元素响应式处理图片

    这篇文章主要介绍了详解HTML5中的picture元素响应式处理图片,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  7. canvas像素点操作之视频绿幕抠图

    这篇文章主要介绍了canvas像素点操作之视频绿幕抠图的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  8. html5利用canvas实现颜色容差抠图功能

    这篇文章主要介绍了html5利用canvas实现颜色容差抠图功能,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  9. canvas绘制视频封面的方法

    这篇文章主要介绍了canvas绘制视频封面的方法的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. HTML5拖拽功能实现的拼图游戏

    本文通过实例代码给大家介绍了HTML5拖拽功能实现的拼图游戏,代码简单易懂,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧

返回
顶部