【问题标题】:React supports crossOrigin on image attributes. But it seems doesn't work for meReact 在图像属性上支持 crossOrigin。但这似乎对我不起作用
【发布时间】:2018-05-27 08:01:00
【问题描述】:

我在 react 中使用cropperjs:

<img
  crossOrigin="anonymous"
  src={this.props.sourceDataURL}
  style={{maxWidth: '100%', visibility: 'hidden'}}
  ref={this.sourceRef}
  alt="img"
/>

这不适用于跨源图像。但是,当我将“crossOrigin”更改为“crossorigin”时,它会起作用。但我收到了警告:

警告:未知的 DOM 属性跨域。你是说crossOrigin吗?

我想知道如何在 react 和cropperjs 的 img 选项卡中使用“crossOrigin”属性? 这是cropperjs库: https://github.com/fengyuanchen/cropperjs

【问题讨论】:

  • 你用的是什么版本的 react?
  • 我正在使用 react 15.6.2.@Dakota

标签: image reactjs cross-domain cropperjs


【解决方案1】:

【讨论】:

  • 谢谢,我试试看。
  • 我相信 react 应该支持 crossOrigin,所以即使在新的更新中它也可能被列入白名单,所以我想知道这是否有效。
  • 所有 React 元素属性(包括事件)都使用驼峰命名,而不是小写,所以 react 支持 crossOrigin 属性是真的。但是cropperjs 将该属性读取为跨域。看这个问题:github.com/fengyuanchen/cropperjs/issues/274。这是一个约定问题。
  • 是的,我认为它仍然无法正常工作,我不确定你能做些什么,也许向 React 团队提出问题,他们可以帮助你。跨度>
猜你喜欢
  • 2013-10-07
  • 2011-06-08
  • 2010-10-08
  • 1970-01-01
  • 1970-01-01
  • 2010-11-16
  • 2010-12-08
  • 2013-07-31
  • 1970-01-01
相关资源
最近更新 更多