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

相关推荐
YL有搞头6 分钟前
webpack的构建流程以及loader和plugin
前端·webpack·node.js
T***160710 分钟前
JavaScript打包
开发语言·javascript·ecmascript
2503_9284115610 分钟前
11.20 vue项目搭建-单页面应用
前端·javascript·vue.js
BUG创建者10 分钟前
项目中使用script-ext-html-webpack-plugin
前端·webpack·html
极光代码工作室21 分钟前
基于SpringBoot的校园招聘信息管理系统的设计与实现
java·前端·spring
打小就很皮...37 分钟前
React VideoPlay 组件封装与使用指南
前端·react.js·video
Ace_317508877640 分钟前
微店平台关键字搜索接口深度解析:从 Token 动态生成到多维度数据挖掘
java·前端·javascript
Billow_lamb41 分钟前
React 创建 Context
javascript·react.js·ecmascript
苏小画1 小时前
Vue 组件库从创建到发布全流程
前端·javascript·vue.js
月小满1 小时前
DataV轮播时其他组件的内容也一起滚动 修复bug的方法
前端·vue.js·bug·大屏端