该图像包含跨域数据

时间:2018-08-19 22:03:14

标签: javascript tensorflow.js

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

进行图像分类

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

error

1 个答案:

答案 0 :(得分:0)

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

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

或更具体地说

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

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

如果allow-origin不在服务器响应中,则无法处理该图像,因为无论如何都将引发错误。有人考虑过类似的问题here