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

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

进入存储空间（Bucket）  ——>  基础设置 ——> 跨域设置 ——> 添加规则，进入下图所示

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

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

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

uni.uploadFile h5上传文件失败完美解决方案

在小程序开发项目中，用到了uni-app框架，但因为需要兼容h5，其中有图片上传，后台始终不能获取到上传的文件。

网上找了各种办法，发现很多小程序开发采用uni-app框架都遇到了同样的问题：uni.uploadFile h5上传文件后台无法获取，甚至还牵扯到了payload、form data传值方式。

后来，经过创软小程序开发团队不断尝试，发现只要取消header设置即可，不知道为什么，反正这样实现了。

小程序开发的uni-app h5上传文件代码参考如下：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

uni.uploadFile({

    url:'http://www.teamsfy.com',     // 后端api接口

    filePath: res.tempFilePaths[0], // uni.chooseImage函数调用后获取的本地文件路劲

    name:'file',     //后端通过'file'获取上传的文件对象

    formData: {

        'billGID': "xxxccc",  

        'token':"dddd"

    },

    success:(res) => {

        console.log(res)

    },

    fail: (err) => {

        console.log('uploadImage fail', err);

        uni.showModal({

            content: err.errMsg,

            showCancel: false

            });

    }

});

当然，如果用到了跨域，需要设置 OPTIONS 请求，因为表单跨域上传文件，会先发送OPTIONS请求验证服务器是否可用。asp.net 跨域，在web.config中配置如下

1

2

3

4

5

6

7

8

9

<system.webServer>

  <httpProtocol> 

    <customHeaders> 

      <add name="Access-Control-Allow-Methods" value="OPTIONS,POST,GET"/> 

      <add name="Access-Control-Allow-Origin" value="*" /> 

    </customHeaders> 

  </httpProtocol>

</system.webServer>

如果使用的阿里云OSS服务，阿里云OSS前端AJAX直接上传请参考阿里云OSS上传请求403问题的完美解决方案。

转载于：http://www.teamsfy.com/html/r_da159c3b48f94f30927e899651064c47.html 

               http://www.teamsfy.com/html/r_28d3748f7a0449d8aeac8dd78a547f6e.html

# uni-app # 小程序
Logo
魔乐社区

魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。

更多推荐

cover

全家桶集齐！Qwen3.5四款小模型上线魔乐社区，附昇腾全套实践教程

avatar 魔乐社区

Pont - 搭建前后端之桥：高效、灵活的接口管理工具

Pont 是一款强大的数据服务层解决方案，它能够帮助开发者快速搭建前后端之间的桥梁，实现接口的高效管理和代码自动生成。无论是新手还是有经验的开发者，都能通过 Pont 轻松处理接口文档、生成类型安全的 API 代码，从而显著提升开发效率。[![Pont 工具标志](https://raw.gitcode.com/gh_mirrors/po/pont/raw/3f1b7d4bbba3fd2dda

avatar 魔乐社区

如何快速上手 hvac：HashiCorp Vault Python 客户端零基础入门指南

**hvac** 是 HashiCorp Vault 的 Python 3.X 客户端库，专为开发者提供简单高效的 Vault 交互方式。无论你是需要管理密钥、配置身份验证，还是实现安全的秘密数据存储，hvac 都能帮助你轻松搞定 Vault 的各项操作。本文将带你零基础快速入门，从安装到基础操作，让你在几分钟内即可上手使用这个强大的工具。[![hvac 客户端 Logo](https://r

avatar 魔乐社区