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"
      ]
    }
  }
}
相关推荐
一个假的前端男6 小时前
uniapp vue2 三端瀑布流
前端·javascript·uni-app
kilito_016 小时前
uniapp主包使用子包的图片 真机会显示不出来
uni-app
余道各努力,千里自同风6 小时前
uni-app 请求封装
前端·uni-app
fakaifa7 小时前
XYcourse课程预约小程序源码+uniapp前端 全开源+搭建教程
uni-app·php·源码分享·源码下载·xycourse·课程预约小程序
玖月晴空8 小时前
Uniapp 速查文档
前端·微信小程序·uni-app
2501_9159184110 小时前
App 上架苹果商店全流程详解 从开发者账号申请到开心上架(Appuploader)跨平台免 Mac 上传实战指南
macos·ios·小程序·uni-app·objective-c·cocoa·iphone
2501_9160074711 小时前
从零开始学习iOS App开发:Xcode、Swift和发布到App Store完整教程
android·学习·ios·小程序·uni-app·iphone·xcode
2501_9160088912 小时前
前端工具全景实战指南,从开发到调试的效率闭环
android·前端·小程序·https·uni-app·iphone·webview
一路向前的月光13 小时前
uniapp(5)滚动列表scroll-view
前端·javascript·uni-app
2501_9159214316 小时前
iOS 26 CPU 使用率监控策略 多工具协同构建性能探索体系
android·ios·小程序·https·uni-app·iphone·webview