当前位置：首页 > 技术分享

uni.uploadFile h5上传文件失败完美解决方案 h5上传文件后台无法获取

admin3年前 (2022-09-07)技术分享4887

在小程序开发项目中，用到了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.test.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_28d3748f7a0449d8aeac8dd78a547f6e.html

扫描二维码推送至手机访问。

版权声明：本文由小刚刚技术博客发布，如需转载请注明出处。

本文链接：https://blog.bitefu.net/post/413.html

分享给朋友：

“uni.uploadFile h5上传文件失败完美解决方案 h5上传文件后台无法获取” 的相关文章

Chrome 开启自带多线程下载支持 提升下载速度

Chrome 开启自带多线程下载支持 提升下载速度

Chrome 是当前性能最高的浏览器之一，但在下载速度方面，Chrome 可一点都不快。当前 Chrome 的下载仍是单线程机制，速度非常慢。对此，大家不得不使用第三方的下载工具，例如迅雷、IDM 等支持多线程下载的下载软件，来提高下载速度…

[Windows] Adobe Flash Player 34.0.0.92及可用版修改方法

[Windows] Adobe Flash Player 34.0.0.92及可用版修改方法

随着 2021 年的到来，Adobe Flash Player 也迎来了告别，Adobe 在 2020 年 12 月 31 日后将不再支持 Flash Player。其实早在 2017 年，Adobe 公司就已宣布，计划在 2020 年底逐…

在CentOS 5.x 6.x里使用yum源 换阿里云国内源换vault.centos.org源

阿里云CentOS 5 的系统，无法用yum来安装应用软件。  原因：CentOS 5 在2017-03-31日已经结束支持，不再提供维护更新，所以包括阿里云镜像站的文件可能都是过时或已经有部分文件缺失。 &n…

Chrome 最全历史版本下载以及chromedriver下载

https://vikyd.github.io/download-chromium-history-version/#/ https://dl.lancdn.com/landian/soft/chrome/m/ chromedriver的版…

阿里云盘 分享脚本 抢先实现文件分享功能

Win端基本所有浏览器均可进行安装安装地址：https://bbs.tampermonkey.net.cn/thread-427-1-1.html如何安装：Tampermoneky安装:谷歌浏览器参考：https://bbs.tamperm…

[钉钉]内网穿透之HTTP穿透

[钉钉]内网穿透之HTTP穿透

内网穿透之HTTP穿透更新时间：2021-06-21鉴于很多开发者在临时体验开发时往往没有公网域名或者公网IP，本工具提供了一个公网代理服务，目的是方便开发测试。注意 本工具不保证稳定性，仅适用于开发测试阶段，禁止当作公网域名使用…

发表评论

访客

看不清，换一张

◎欢迎参与讨论，请在这里发表您的看法和观点。

Copyright blog.bitefu.net Rights Reserved.冀ICP备10017332号-1

Powered By Z-BlogPHP. Theme by TOYEAN.

在线客服