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

在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"
      ]
    }
  }
}
相关推荐
岑梓铭36 分钟前
uniapp邪门事件
uni-app
漫天绯羽2 小时前
uniapp 中使用天地图,安卓端、h5
uni-app
尚学教辅学习资料3 小时前
基于SpringBoot+vue+uniapp的智慧旅游小程序+LW示例参考
vue.js·spring boot·uni-app·旅游
烂蜻蜓8 小时前
前端已死?什么是前端
开发语言·前端·javascript·vue.js·uni-app
家里有只小肥猫19 小时前
uniApp小程序保存canvas图片
前端·小程序·uni-app
小徐_233319 小时前
从空白到交互:用Trae快速搭建uni-app AI对话小程序页面
前端·uni-app·trae
貂蝉空大1 天前
uni-app开发安卓和ios app 真机调试
android·ios·uni-app
程楠楠&M1 天前
uni-app(位置1)
前端·javascript·uni-app·node.js
破z晓1 天前
uniapp 整合openlayers 编辑图形文件并上传到服务器
前端·javascript·uni-app
寰宇软件1 天前
PHP房屋出租出售高效预约系统小程序源码
前端·小程序·uni-app·vue·php