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回调函数中处理失败的操作。

相关推荐
Ziky学习记录5 小时前
从零到实战:React Router 学习与总结
前端·学习·react.js
wuhen_n6 小时前
JavaScript链表与双向链表实现:理解数组与链表的差异
前端·javascript
wuhen_n6 小时前
JavaScript数据结构深度解析:栈、队列与树的实现与应用
前端·javascript
我是一只puppy6 小时前
使用AI进行代码审查
javascript·人工智能·git·安全·源代码管理
颜酱6 小时前
从二叉树到衍生结构:5种高频树结构原理+解析
javascript·后端·算法
狗哥哥6 小时前
微前端路由设计方案 & 子应用管理保活
前端·架构
前端大卫7 小时前
Vue3 + Element-Plus 自定义虚拟表格滚动实现方案【附源码】
前端
却尘7 小时前
Next.js 请求最佳实践 - vercel 2026一月发布指南
前端·react.js·next.js
ccnocare7 小时前
浅浅看一下设计模式
前端
Lee川7 小时前
🎬 从标签到屏幕:揭秘现代网页构建与适配之道
前端·面试