Image from origin 'http://192.168.1.67:5555' has been blocked from loading by Cross-Origin Resource Sharing policy: Invalid response. Origin 'http://127.0.0.1:8000' is therefore not allowed access.
我需要允许此 MJPEG 流的跨源,因为用户必须能够使用按钮捕获图像,并且如果没有 CORS,画布就会被污染。
我在 FF 和 Chrome 中遇到这个问题(IE 使用不同的视频源,因为它不支持 MJPEG)。
我的服务器也返回Access-Control-Allow-Origin: *
提供页面时。图片src
设置后正在 Javascript 中设置(如果可能相关)img.crossOrigin = "Anonymous";
。
如果我删除crossOrigin="Anonymous"
,流加载但我收到污染的画布错误。
谢谢
编辑:来自wireshark的MJPEG请求:
GET /2d HTTP/1.1
Host: 192.168.1.67:5555
Connection: keep-alive
Accept: image/webp,image/*,*/*;q=0.8
Origin: http://127.0.0.1:8000
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_10_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/48.0.2564.109 Safari/537.36
Referer: http://127.0.0.1:8000/
Accept-Encoding: gzip, deflate, sdch
Accept-Language: en-US,en;q=0.8,it;q=0.6,pt;q=0.4
HTTP/1.0 200 OK
Access-Control-Allow-Origin: *
Access-Control-Allow-Methods: GET
Access-Control-Allow-Headers: Content-Type
Content-Type: multipart/x-mixed-replace; boundary=--myboundary