SecurityError:canvas.toDataURL中的操作不安全

哈维尔·穆诺兹(Javier Munoz)

我试图解决下一个错误,但没有成功。

我有以下jQuery和HTML5代码:

<script language="javascript" type="text/javascript">

  function doExportMap() {

      map.once('postcompose', function(event) {

        var canvas = event.context.canvas;

        var exportBMPElement = document.createElement('a');
        exportBMPElement.download = 'Mapa.bmp';
        exportBMPElement.href = canvas.toDataURL('image/bmp');
        document.body.appendChild(exportBMPElement);
        exportBMPElement.click();
        document.body.removeChild(exportBMPElement);
      });

      map.renderSync();
  }

它的工作方式非常完美,但是现在,我收到以下错误:

SecurityError: The operation is insecure.
exportBMPElement.href = canvas.toDataURL('image/bmp');

怎么了?有任何想法吗?

有趣的是,我不是从外部来源加载图像。该图像来自本地主机

肖恩·莱纳

如果您可以在尝试导出画布之前发布用于修改画布的代码,则将很有帮助。根据您提供的信息,我想您是在将内容从外部来源写到画布上。这就是为什么它以前可以工作,而不再起作用。我假设您的初始测试使用了来自相同来源的资源。


解释

画布上存在与从代码发出的任何数据请求相同的安全沙箱。每当您从其他域/来源加载内容时,都会触发画布将origin-clean标志设置为false。这意味着浏览器将阻止您导出已加载到画布中的数据。在StackOverflow上有很多与此类型有关的帖子:

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

canvas toDataURL()-操作不安全

来自分类Dev

SecurityError:操作不安全。使用Htmlcanvas

来自分类Dev

来自iframge的Firefox本地存储-SecurityError:操作不安全

来自分类Dev

CORS保留在SecurityError上:操作不安全

来自分类Dev

jQuery 2.0.3错误-在firefox中打破了fadeIn(),show()-SecurityError:操作不安全

来自分类Dev

“ SecurityError:操作不安全。” 在浏览器js中推送历史记录

来自分类Dev

jQuery 2.0.3错误-在Firefox中打破了fadeIn(),show()-SecurityError:操作不安全

来自分类Dev

Ruby SecurityError“不安全的操作:-r(SecurityError)”是什么意思?

来自分类Dev

未处理的拒绝(SecurityError):操作不安全。在一个新的create-react-app项目中

来自分类Dev

使用Canvas时是否可以避免“操作不安全”?

来自分类Dev

未捕获的SecurityError:无法构造“ WebSocket”:可能无法通过HTTPS加载的页面启动不安全的WebSocket连接

来自分类Dev

angularjs不安全:数据; 使用html2canvas捕获屏幕截图时

来自分类Dev

不安全或未经检查的操作警告

来自分类Dev

安全代码中的不安全标签

来自分类Dev

C#中的不安全结构

来自分类Dev

在ASP.NET MVC中,没有AntiForgeryToken的删除操作方法是否不安全?

来自分类Dev

仅当将值与TRUE比较时,操作中xxx和bool的不安全混合警告

来自分类Dev

加载HTML Flash中的“ adobe Flash Player已停止潜在的不安全操作”

来自分类Dev

为什么对路径中的目录使用'-execdir'操作不安全?

来自分类Dev

不安全的浏览

来自分类Dev

不安全的BasicHttpBinding

来自分类Dev

在std :: map上可能的线程不安全操作

来自分类Dev

使用泛型并尝试摆脱不安全的操作警告

来自分类Dev

ObjectInputStream上未经检查或不安全的操作

来自分类Dev

Java程序使用未经检查或不安全的操作

来自分类Dev

未经检查或不安全的操作。数组到JList

来自分类Dev

咕serve发声失败-操作不安全-文件?

来自分类Dev

编译警告:使用未经检查或不安全的操作

来自分类Dev

Java程序使用未经检查或不安全的操作

Related 相关文章

  1. 1

    canvas toDataURL()-操作不安全

  2. 2

    SecurityError:操作不安全。使用Htmlcanvas

  3. 3

    来自iframge的Firefox本地存储-SecurityError:操作不安全

  4. 4

    CORS保留在SecurityError上:操作不安全

  5. 5

    jQuery 2.0.3错误-在firefox中打破了fadeIn(),show()-SecurityError:操作不安全

  6. 6

    “ SecurityError:操作不安全。” 在浏览器js中推送历史记录

  7. 7

    jQuery 2.0.3错误-在Firefox中打破了fadeIn(),show()-SecurityError:操作不安全

  8. 8

    Ruby SecurityError“不安全的操作:-r(SecurityError)”是什么意思?

  9. 9

    未处理的拒绝(SecurityError):操作不安全。在一个新的create-react-app项目中

  10. 10

    使用Canvas时是否可以避免“操作不安全”?

  11. 11

    未捕获的SecurityError:无法构造“ WebSocket”:可能无法通过HTTPS加载的页面启动不安全的WebSocket连接

  12. 12

    angularjs不安全:数据; 使用html2canvas捕获屏幕截图时

  13. 13

    不安全或未经检查的操作警告

  14. 14

    安全代码中的不安全标签

  15. 15

    C#中的不安全结构

  16. 16

    在ASP.NET MVC中,没有AntiForgeryToken的删除操作方法是否不安全?

  17. 17

    仅当将值与TRUE比较时,操作中xxx和bool的不安全混合警告

  18. 18

    加载HTML Flash中的“ adobe Flash Player已停止潜在的不安全操作”

  19. 19

    为什么对路径中的目录使用'-execdir'操作不安全?

  20. 20

    不安全的浏览

  21. 21

    不安全的BasicHttpBinding

  22. 22

    在std :: map上可能的线程不安全操作

  23. 23

    使用泛型并尝试摆脱不安全的操作警告

  24. 24

    ObjectInputStream上未经检查或不安全的操作

  25. 25

    Java程序使用未经检查或不安全的操作

  26. 26

    未经检查或不安全的操作。数组到JList

  27. 27

    咕serve发声失败-操作不安全-文件?

  28. 28

    编译警告:使用未经检查或不安全的操作

  29. 29

    Java程序使用未经检查或不安全的操作

热门标签

归档