图像包含跨源数据

The image contains cross-origin data

我是 JS 的新手,但由于我有 ML 背景,所以我想探索 ML5。我正在尝试从 https://github.com/CodingTrain/website/tree/master/Courses/beginner_ml5/02_image_classification

进行图像分类

我想使用预测时遇到错误。我将不胜感激。

error

您遇到的错误表明您正在使用由不同于呈现前端页面的服务器提供的图像。这是CORS问题。 要解决它,您的服务器需要允许您的前端检索图像。这意味着在为您的图像提供响应的 header 中应该有以下条目

Access-Control-Allow-Origin: "*" ( not recommended because allowing everything)

或者更具体地说

Access-Control-Allow-Origin: "url of your frontend" (ex: localhost:4200, website.com)

并且在前端的图像中,您需要在 imgcanvasvideo 标签中设置属性 crossorigin="anonymous"

如果 allow-origin 未能出现在服务器响应中,则无法处理该图像,因为无论如何都会抛出错误。考虑了类似的问题 here