uni-app上传文件

在uni-app中上传文件可以通过使用uni.uploadFile接口来实现

复制代码
uni.chooseImage({
  success: function (res) {
    var tempFilePaths = res.tempFilePaths;
    uni.uploadFile({
      url: 'https://example.com/upload',
      filePath: tempFilePaths[0],
      name: 'file',
      success: function (res) {
        console.log('upload success', res);
        // 文件上传成功后的操作
      },
      fail: function (err) {
        console.log('upload failed', err);
        // 文件上传失败后的操作
      }
    });
  }
});

首先调用uni.chooseImage方法选择要上传的图片,然后在成功回调中获取到选中图片的路径。接下来使用uni.uploadFile方法将选中的文件上传到指定的服务器地址。其中,url参数为上传接口的地址,filePath参数为要上传的文件路径,name参数为后端接收文件的字段名。

上传成功后,success回调函数中的res参数将包含上传后的返回信息,你可以在该回调函数中处理上传成功后的操作。如果上传失败,可以在fail回调函数中处理失败的操作。

相关推荐
哆啦A梦15888 小时前
商城后台管理系统 03 登录布局
javascript·vue.js·elementui
曼巴UE58 小时前
UE FString, FName ,FText 三者转换,再次学习,官方文档理解
服务器·前端·javascript
selt7918 小时前
Redisson之RedissonLock源码完全解析
android·java·javascript
行走的陀螺仪9 小时前
高级前端 Input 公共组件设计方案(Vue3 + TypeScript)
前端·javascript·typescript·vue·组件设计方案
一颗不甘坠落的流星9 小时前
【Antd】基于 Upload 组件,导入Json文件并转换为Json数据
前端·javascript·json
LYFlied9 小时前
Vue2 与 Vue3 虚拟DOM更新原理深度解析
前端·javascript·vue.js·虚拟dom
Lucky_Turtle10 小时前
【Node】npm install报错npm error Cannot read properties of null (reading ‘matches‘)
前端·npm·node.js
小飞侠在吗10 小时前
vue shallowRef 与 shallowReacitive
前端·javascript·vue.js
惜分飞10 小时前
sql server 事务日志备份异常恢复案例---惜分飞
前端·数据库·php