开发好的H5页面在手机端为何不能上传图片?
小约在Hbuilder和chrome开发好的h5页面,放到手机端(微信、普通浏览器)都无法正常上传图片、音频和视频。
小约用的是腾讯云对象存储来保存用户上传的图片。
接着使用微信开发者工具打开网页。console 提示:has been blocked by CORS policy: Response to preflight request doesn’t pass access control check: No ‘Access-Control-Allow-Origin’ header is present on the requested resource.
恍然大悟,原来是因为上传接口没有配置好跨域。至于为啥Hbuilder和chrome可以正常使用,小约发现,原来是公司的腾讯云cos有以下配置:
在这里添加要信任的域名即可。