如何使用app原生上传替代uniapp的uploadfile接口

uniapp简介

uniapp是近两年来比较火的号称开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序的一个平台，它提供了各种丰富的API文档让开发者快速的完成各种功能。

但是由于uniapp是一个新兴平台，生态还不够完整，难免会出现一些bug。今天我们就来讲讲uniapp官方上传文件API的坑以及如何使用原生app写法代替uniapp的上传接口。

uniapp官方上传文件接口uni.uploadFile(OBJECT)

将本地资源上传到开发者服务器，客户端发起一个 POST 请求，其中 content-type 为 multipart/form-data。

接口参数：

如果你只需要上传文件而不需要监控实时上传进度，则使用uni.uploadFile接口即可。

为何需要使用app原生上传代替 uniapp官网的uploadFile接口

原因有两点：

1、如果希望监控上传进度，则需要返回一个 uploadTask 对象，用这个对象的 onProgressUpdate方法进行监听上传进度，使用abort方法取消上传任务。而这个uploadTask对象如果定义为页面全局对象则onProgressUpdate方法和abort方法有时候会不执行，导致无法监听上传进度和取消任务。

2、onProgressUpdate监听的上传进度与实际进度不相符。仅表现在安卓端，IOS端无这种情况。具体原因是我上传一个30多M的文件，刚开始进度是0，突然一下子嗖的就变成了100，导致页面的进度条也是一下子从0变到100，然后就在100 这里卡住。其实是远没有上传完的。等了好几秒才显示完成。

如何使用app原生上传文件

对原生接口文档感兴趣的小伙伴可以从这里进去。下面我直接贴上我的代码并通过注释进行代码讲解。

// 发送文件方法
sendFile(e) {
   
    //filePath是文件的本地路径，调用plus.io.convertAbsoluteFileSystem方法可以将平台绝对路径转换成本地URL路径
    const filePath = plus.io.