uniapp如何上传文件，使用API是什么

最新推荐文章于 2024-08-07 17:46:23 发布

&ACE&

最新推荐文章于 2024-08-07 17:46:23 发布

阅读量1.1k

点赞数

文章标签： uni-app

本文链接：https://blog.csdn.net/weixin_59525879/article/details/134488455

版权

本文介绍了如何在Uniapp中使用wx.uploadFile()API进行文件上传，包括API的导入、参数配置，以及注意的权限设置。详述了在manifest.json中添加存储权限的步骤和回调函数的处理。

摘要由CSDN通过智能技术生成

在uniapp中上传文件的方法有很多，其中一种常用的方法是使用wx.uploadFile() API。该API可以上传本地文件或网络文件，并支持设置请求头、请求参数等选项。

具体使用方法如下：

1.引入API：

import { uploadFile } from '@/util/request.js';

2.使用API上传文件：

uploadFile({
  url: 'https://example.com/upload', // 上传接口地址
  filePath: filePath, // 本地文件路径
  name: 'file', // 文件对应参数名字
  success: (res) => {
    console.log(res.data);
  },
  fail: (res) => {
    console.log(res.errMsg);
  }
});

其中，url为上传接口地址，filePath为本地文件路径，name为文件对应参数名字。success和fail分别为上传成功和失败的回调函数。

需要注意的是，uniapp中上传文件需要注意权限问题，需要在manifest.json文件中添加需要使用的权限。如：

"app-plus": {
  "permissions": {
    "android": {
      "permission": [
        "android.permission.WRITE_EXTERNAL_STORAGE",
        "android.permission.READ_EXTERNAL_STORAGE"
      ]
    }
  }
}