前端跨域请求

问题描述

我们希望在前端中使用put请求直接将图片上传到OSS（即Client直接与OSS通信，不经过Server），但是遇到CORS问题：

前端代码如下：

var formData = new FormData();
formData.append("init_img", $("#initImg")[0].files[0]);
$.ajax({
    url: upload_signurl,
    type: 'put',
    data: formData,
    contentType: false,
    cache: false,
    async: false,
    crossDomain: true, 
    processData: false,
    success: function(result) {
        console.log('upload sucess!')
    },
    error: function(re) {
        console.log('upload failed!')
    }
})

期望结果

由于业务逻辑的问题，我们不希望使用代理。因为：

1. 代理仍然会产生Client到ProxyServer的数据流，ProxyServer再转发到OSS，而不是直接从Client上传到OSS
2. 对于前后端未分离的框架，我们很难使用nginx进行代理，只能在后端增加相应接口

已尝试的方法

尝试在sign_url的时候添加头部信息：

headers = dict()
headers['x-oss-ac-forward-allow'] = True
headers['Access-Control-Allow-Origin'] = '*'
headers['Access-Control-Allow-Credentials'] = True
self.bucket.sign_url(method, key, OSS.expire_time_seconds[method], headers=headers)

但仍然会出现CORS

因为这是PUT方法，也无法使用jsonp的方式

因为这是Flask项目，也很难使用中间代理

是不是需要服务器（OSS）端添加响应头？