图像包含跨源数据



我对JS完全陌生,但由于我有ML背景,我想探索ML5。我正在尝试从 https://github.com/CodingTrain/website/tree/master/Courses/beginner_ml5/02_image_classification 进行图像分类

当想要使用预测时,我得到以下错误。我将不胜感激。

错误

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

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未能出现在服务器响应中,则无法处理该图像,因为无论如何都会抛出错误。这里考虑了一个类似的问题

最新更新