跳至主要內容

文件上传

刘春龙原创...大约 1 分钟WEB前端小程序教程文档

将本地资源上传到服务器,一般分成选文件和上传文件两个步骤;具体实现及参数要根据开发文档来实现:

  • 选择图片:wx.chooseImage()

  • 选择视频(图片也行):wx.chooseMedia()

  • 选择非媒体文件(视频和图片也行):wx.chooseMessageFile()

提示

不同的选择方式会有文件选中数量选中类型的限制,请合理使用

实现上传 wx.uploadFile()
属性类型默认值必填说明
urlstring开发者服务器地址
filePathstring要上传文件资源的路径 (本地路径)
namestring文件对应的 key,开发者在服务端可以通过这个 key 获取文件的二进制内容
formDataObjectHTTP 请求中其他额外的 form data
timeoutnumber超时时间,单位为毫秒
successfunction接口调用成功的回调函数
failfunction接口调用失败的回调函数
completefunction接口调用结束的回调函数(调用成功、失败都会执行)
<view bindtap="bindUploadHandle">上传</view>
Page({
  bindUploadHandle() {
    wx.chooseImage({
      success(res) {
        const tempFilePaths = res.tempFilePaths;
        wx.uploadFile({
          url: "http://localhost:3000/api/upload",
          filePath: tempFilePaths[0],
          name: "file",
          formData: {
            user: "test",
          },
          timeout: 50000,
          success(res) {
            const data = res.data;
            console.log(data);
          },
          fail(err) {
            console.log(err);
          },
          complete() {
            console.log("完成");
          },
        });
      },
    });
  },
});
上次编辑于:
贡献者: 刘春龙
评论
  • 按正序
  • 按倒序
  • 按热度
Powered by Waline v2.15.7