Uni-app 如何上传文件, 使用的API是什么

简介: Uni-app 如何上传文件, 使用的API是什么

uni-app中上传文件的方法有很多,其中一种常用的方法是使用wx.uploadFile() API。


该API可以上传本地文件或网络文件,并支持设置请求头、请求参数等选项。


一.引入API


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


二.使用API 上传文件


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


url为上传接口地址,filePath为本地文件路径,name为文件对应参数名字。


success和fail分别为上传成功和失败的回调函数。

相关文章
|
6天前
|
API
uni-app 146朋友圈列表api开发
uni-app 146朋友圈列表api开发
21 0
|
6天前
|
JSON API 数据格式
如何获得淘宝/天猫app商品详情原数据 API 返回值说明
淘宝和天猫的API返回值通常会包含商品的详细信息。这些信息可能包括但不限于商品ID、商品标题、商品描述、价格、优惠信息、库存、发货地、物流方式等。具体的返回字段可能会随着API版本的更新而有所变化,因此建议参考淘宝/天猫开放平台官方提供的API文档来获取最准确的信息。
|
6天前
|
前端开发 API 数据处理
uni-app 封装api请求
uni-app 封装api请求
18 0
|
6天前
|
API
uni-app 147我的朋友圈列表api开发
uni-app 147我的朋友圈列表api开发
16 0
|
6天前
|
API
uni-app 145评论朋友圈api开发(二)
uni-app 145评论朋友圈api开发(二)
22 0
|
6天前
|
API
uni-app 144评论朋友圈api开发(一)
uni-app 144评论朋友圈api开发(一)
21 1
|
6天前
|
移动开发 小程序
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
如何让uni-app开发的H5页面顶部原生标题和小程序的顶部标题不一致?
|
6天前
|
API 数据安全/隐私保护 iOS开发
利用uni-app 开发的iOS app 发布到App Store全流程
利用uni-app 开发的iOS app 发布到App Store全流程
116 3
|
6天前
|
Android开发 开发者 UED
个人开发 App 成功上架手机应用市场的关键步骤
个人开发 App 成功上架手机应用市场的关键步骤
|
6天前
|
开发工具 数据安全/隐私保护 Android开发
【教程】APP 开发后如何上架?
【教程】APP 开发后如何上架?

热门文章

最新文章