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

相关推荐
Tab6092 分钟前
接入谷歌home/assistant/智能音箱
服务器·前端·智能音箱
千里马-horse5 分钟前
React Native bridging 源码分析--ClassTest.cpp
javascript·c++·react native·react.js·bridging
小高0078 分钟前
2026 年,只会写 div 和 css 的前端将彻底失业
前端·javascript·vue.js
Anita_Sun8 分钟前
Lodash 源码解读与原理分析 - Lodash 原型链的完整结构
前端
梁森的掘金8 分钟前
Frida Hook 流程
前端
www_stdio10 分钟前
Git 提交AI神器:用大模型帮你写出规范的 Commit Message
前端·javascript·react.js
陈随易10 分钟前
Bun v1.3.6发布,内置tar解压缩,各方面提速又提速
前端·后端
双向3310 分钟前
【AIGC爆款内容生成全攻略:如何用AI颠覆内容创作效率?】
前端
摘星编程18 分钟前
Flutter for OpenHarmony 实战:SliverList 滑动列表详解
android·javascript·flutter
陈_杨18 分钟前
前端成功转鸿蒙开发者真实案例,教大家如何开发鸿蒙APP-- 卡片编辑功能
前端·harmonyos