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"
      ]
    }
  }
}
相关推荐
2501_916008897 小时前
全面介绍Fiddler、Wireshark、HttpWatch、SmartSniff和firebug抓包工具功能与使用
android·ios·小程序·https·uni-app·iphone·webview
webYin7 小时前
解决 Uni-App 运行到微信小程序时 “Socket合法域名校验出错” 问题
微信小程序·小程序·uni-app
奔跑的web.19 小时前
UniApp 路由导航守
前端·javascript·uni-app
特立独行的猫a20 小时前
主要跨端开发框架对比:Flutter、RN、KMP、Uniapp、Cordova,谁是未来主流?
flutter·uni-app·uniapp·rn·kmp·kuikly
万物得其道者成1 天前
UniApp 多端滑块验证码插件 zxj-slide-verify 实用指南
uni-app
蓝帆傲亦1 天前
支付宝小程序性能暴增秘籍:UniApp项目极限优化全攻略
小程序·uni-app
2501_916008892 天前
深入解析iOS机审4.3原理与混淆实战方法
android·java·开发语言·ios·小程序·uni-app·iphone
QT.qtqtqtqtqt2 天前
uni-app小程序前端开发笔记(更新中)
前端·笔记·小程序·uni-app
喵喵虫2 天前
uniapp修改封装组件失败 styleIsolation
uni-app
游戏开发爱好者83 天前
日常开发与测试的 App 测试方法、查看设备状态、实时日志、应用数据
android·ios·小程序·https·uni-app·iphone·webview