关于uni.uploadFile小程序开发踩坑

2023-11-25 07:15| 来源: 网络整理| 查看: 265

首先我先把官方的文档连接放在这里uni.uploadFile官方文档

问题描述：

在这里插入图片描述请求发送成功，但是data返回空值。我主要是想讲一下这两个属性，其他的东西大部分都可以百度到。

在这里是是是插入图片描述

解决方案：

无论是你看官方文档还是因为各种报错去面向百度编程，他一大部分都是这么写的：

uni.chooseImage({ success: (chooseImageRes) => { const tempFilePaths = chooseImageRes.tempFilePaths; uni.uploadFile({ url: 'https://www.example.com/upload', //仅为示例，非真实的接口地址 filePath: tempFilePaths[0], name: 'file', formData: { 'user': 'test' }, success: (uploadFileRes) => { console.log(uploadFileRes.data); } }); } });

其中有一个name的属性，大部分都是file，那我们来看看官网是怎么描述的name属性。 name 类型是string 必填属性介绍：文件对应的 key , 开发者在服务器端通过这个 key 可以获取到文件二进制内容

你们真的读懂了这句话吗，反正我是没读懂。文件对应的key是什么鬼？这个api足足卡了我将近一周的时间，直到最后，我才尝试出来name所对应的是后端通过swagger给我的key值（如图）在这里插入图片描述 name里面放的应该是这个东西！！！

第二个问题，是关于header那里的。我在没有发现name这个属性的正确用法之前，找到的大部分都是说让我不要加这一串代码：

header:{ "Content-Type": 'multipart/form-data' }

但是如果我不加这个请求头，我发送的请求就不会有这个框起来的部分。在这里插入图片描述这样会导致我的请求报错，官网是这样说的：其他的问题，还有一点，就是当你使用别人的插件时，一定要去插件里面看看，找到哪个方法用到了uni.uploadFile，然后看这个里面的属性是不是对应你的项目，你用插件报错的原因可能就是因为插件里面的属性，和你的项目不对应。我这个功能卡了那么久，一部分是因为我没有搞懂这个api的属性，另一部分就是因为我没有去插件的原代码中看他是怎么调用的这个api，导致我自己的插件都写了一半了…

【本文地址】

公司简介

联系我们