前端js上传文件到COS对象存储后获取返回对象链接的方法

原创

Mr.JC

修改于 2020-05-09 10:21:06

13.3K3

项目开发过程中往往会遇到前端js上传文件到COS对象存储没有返回对象链接的情况，今天跟大家分享一个CORS配置小技巧

由于COS上传密钥放在前端不安全，我们使用腾讯云生产的临时密钥配置在前端，通过前端js sdk上传文件到COS对象存储，在不做任何配置的情况下，COS返回的信息只有Status Code和headers信息

如果我们想直接获取到上传成功的文件链接，需要在COS控制台--找到相应的存储桶--基础配置--跨域访问CORS设置中，

添加如下规则：

来源Origin	操作Methods					Expose-Headers			超时Max-Age
*	PUT	GET	POST	DELETE	HEAD	Etag	Content-Length	x-cos-request-id	5

保存后重新通过JS SDK上传，此时就会返回上传成功后文件的链接啦！

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

登录后参与评论

0 条评论

热度