0

我正在使用react-image-crop包为博客实现裁剪功能。我复制了这段代码片段中的几乎所有代码，并将其改编为我的代码。我的站点使用 django() 从在开发服务器中运行的后端获取图像，python manage.py runserver ip:port前端使用npm start. 裁剪图像时会引发此错误。

Unhandled Rejection (SecurityError): Failed to execute 'toBlob' on 'HTMLCanvasElement': Tainted canvases may not be exported.

谷歌之后，它说我需要为crossorigin图像添加一个属性，但是当我这样做时，这个图像没有加载。

有没有办法做到这一点，而无需在生产服务器中提供文件？

4

1 回答 1

-1

当您尝试从其他来源加载图像时，这是一个常见问题。您只需添加这一行crossOrigin="anonymous"。

例如：

          <ReactCrop
            image={url}
            ref={ref}
            width={300}
            height={300}
            crossOrigin="anonymous"
          />
于 2021-12-19T17:46:37.670 回答