博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
上传视频并截图,跨域报错的解决办法
阅读量:6097 次
发布时间:2019-06-20

本文共 639 字,大约阅读时间需要 2 分钟。

跨域报错的原因

最开始上传视频成功后,video标签的src会直接引入上传后的服务端资源地址,然后使用canvas截图就发生了跨域报错的提示。

Failed to execute 'toDataURL' on 'HTMLCanvasElement': Tainted canvases may not be exported.

按网上说的方法设置video标签的属性 crossorigin="anonymous",还是报错,原因是服务端的请求头没设置,不允许跨域访问。

Failed to load http://xxxx.oss-cn-shenzhen.aliyuncs.com/2018/08/22/1749/VU0SL0msslJvN1q3YNN2fmr1E4zmmE0vmHTV7A9s.mp4: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:8080' is therefore not allowed access.

解决办法: 视频上传成功后,不要引入线上地址,仍然使用本地视频地址,即可解决跨域问。

完整代码

转载于:https://www.cnblogs.com/unclefang/p/10406862.html

你可能感兴趣的文章
四层和七层负载均衡的区别
查看>>
Heritrix maven
查看>>
解决Lync联盟用户之间只能IM聊天不能进行A/V呼叫问题
查看>>
java Log日志规范
查看>>
Linux系统日常管理
查看>>
深入理解PHP中的Session和Cookie
查看>>
Apache 日志分析
查看>>
第一期openstack远程培训10月10日开课(来晚就没有了)
查看>>
【Git入门之四】操作项目
查看>>
老男孩教育每日一题-第107天-简述你对***的理解,常见的有哪几种?
查看>>
Python学习--time
查看>>
CentOS7.0+PHP5.6+Nginx+Mysql5.7环境安装
查看>>
listview当选中某一个item时设置背景色其他的不变
查看>>
Confluence 6 针对站点维护使用只读模式
查看>>
聊聊你可能误解的Kubernetes Deployment滚动更新机制
查看>>
详解coredump
查看>>
bash脚本:break和continue
查看>>
Ajax跨域问题解决
查看>>
docker on CentOS 7.0
查看>>
python课程第二周 内置数据结构——列表和元组
查看>>