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

相关推荐
GoldKey1 小时前
gcc 源码阅读---语法树
linux·前端·windows
Xf3n1an3 小时前
html语法
前端·html
张拭心3 小时前
亚马逊 AI IDE Kiro “狙击”Cursor?实测心得
前端·ai编程
漠月瑾-西安3 小时前
如何在 React + TypeScript 中实现 JSON 格式化功能
javascript·jst实现json格式化
烛阴3 小时前
为什么你的Python项目总是混乱?层级包构建全解析
前端·python
止观止3 小时前
React响应式组件范式:从类组件到Hooks
javascript·react.js·ecmascript
@大迁世界3 小时前
React 及其生态新闻 — 2025年6月
前端·javascript·react.js·前端框架·ecmascript
LJianK14 小时前
Java和JavaScript的&&和||
java·javascript·python
红尘散仙4 小时前
Rust 终端 UI 开发新玩法:用 Ratatui Kit 轻松打造高颜值 CLI
前端·后端·rust
新酱爱学习4 小时前
前端海报生成的几种方式:从 Canvas 到 Skyline
前端·javascript·微信小程序