如何解决阿里云OSS跨域AJAX上传OPTIONS请求403问题?-千佰特科技


如何解决阿里云OSS跨域AJAX上传OPTIONS请求403问题?

2019-07-23 19:17:34



在使用阿里云OSS服务时,会用到跨域AJAX上传,上传时报403错误,之前深圳软件开发遇到过此类问题并成功解决了,但时间长了遗忘,因此记录下来以备后续学习了解ajax跨域上传OSS。


任你博ajax跨域上传首先会发送options请求,成功后再进行上传,那么,如何解决阿里云OSS跨域AJAX上传OPTIONS请求403问题?只需简单设置,流程如下:


任你博进入存储空间(Bucket)  ——>  基础设置 ——> 跨域设置 ——> 添加规则,进入下图所示


深圳软件开发


阿里云OSS跨域AJAX上传OPTIONS请求403问题


设置以上规则后,就成功解决了阿里云OSS跨域AJAX上传OPTIONS请求403问题。


也可以参考uni.uploadFile h5上传文件失败完美解决方案,大致问题基本一样。


用浏览器使用JS进行表单上传(PostObject)的时候主要经历了以下几个步骤:

 

1. 发OPTIONS请求给OSS,如果这个时候OSS响应403,则上传终止  


2。 如果通过了OPTIONS请求,才会进行真正的PostObject

所以本文介绍从创建bucket开始到设置CORS,到通过浏览器以表单的形式直接上传到OSS。

前提条件: 假设你已经有了OSS的ID和KEY,并且本地有一个HTTP Server  


地址:深圳市福田区国际电子商务产业园科技楼603-604
电话:0755-83586660、0755-83583158 传真:0755-81780330
邮箱:info@atbwedding.com
地址:深圳市福田区国际电子商务产业园科技楼603-604
电话:0755-83174789 传真:0755-83170936
邮箱:info@atbwedding.com
地址:天河区棠安路288号天盈建博汇创意园2楼2082
电话:020-82071951、020-82070761 传真:020-82071976
邮箱:info@atbwedding.com
地址:重庆南岸区上海城嘉德中心二号1001
电话:023-62625616、023-62625617 传真:023-62625618
邮箱:info@atbwedding.com
地址:贵阳市金阳新区国家高新技术开发区国家数字内容产业园5楼A区508
电话:0851-84114330、0851-84114080 传真:0851-84113779
邮箱:info@atbwedding.com