tp5实现微信小程序多图片上传到服务器功能

1. Introduction

微信小程序近年来越来越流行，是开发者非常受欢迎的平台之一。在开发过程中，上传图片是非常常见的操作。本文将介绍如何在tp5框架中实现微信小程序多图片上传到服务器功能。

2. 实现多图片上传功能

2.1 客户端

首先，在客户端需要编写上传图片的代码。可以采用小程序自带的chooseImage方法选择图片，然后使用uploadFile进行上传。代码如下：

  wx.chooseImage({
    count: 3,
    sizeType: ['compressed'], 
    sourceType: ['album', 'camera'],
    success: function(res) {
      var tempFilePaths = res.tempFilePaths;
      for(var i=0;i
        wx.uploadFile({
          url: 'http://localhost/upload',
          filePath: tempFilePaths[i],
          name: 'file',
          success: function(res){
            console.log(res.data)
          },
          fail: function(res){
            console.log(res.data)
          }
        });
      }
    }
  });

2.2 服务器端

在服务器端，需要添加一个上传的方法。首先可以先在tp5的路由中添加访问该方法的路由：

  Route::post('upload','index/upload');

在控制器中添加上传方法upload，并通过request获取上传的文件并保存到服务器。此处我们采用move()方法将文件移动到指定的目录中。代码如下：

  public function upload(){
    $file = request()->file('file');
    if($file){
      $info = $file->move(ROOT_PATH.'public'.DS.'uploads');
      if($info){
          echo $info->getFilename().'上传成功。';
        }else{
          echo $file->getError();
        }
    }else{
      echo '上传失败。';
    }
  }

3. 总结

通过以上步骤，我们就可以实现在tp5框架中实现微信小程序多图片上传到服务器功能。首先在小程序中选择图片，将图片上传到服务器。在服务器端通过move()方法将文件保存到指定的目录。