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

<!--选择图片 -->
<view class="picture">
<view class="img" wx:for="{{imgs}}" wx:for-item="item" wx:key="*this">
<image class='imgselected' src="{{item}}" data-index="{{index}}" mode="aspectfill" bindtap="previewimg"></image>
<view class="delete-btn" data-index="{{index}}" catchtap="deleteimg">删除</view>
</view>
<view class="clickimg" bindtap="chooseimg">点击上传作业</view>
</view>
<!-- 选择图片end -->

page({
/**
 * 页面的初始数据
*/
data: {
 index: 0,
 multiindex: [0, 0],
//传到后台的课程分类
cname:'',
 },
/**
 * 生命周期函数--监听页面加载
*/
onload: function (options) {
 },
/**
 * 
 * 生命周期函数--监听页面初次渲染完成
*/
onready: function () {
 },
/**
 * 生命周期函数--监听页面显示
*/
onshow: function () {
 },
/**
 * 生命周期函数--监听页面隐藏
*/
onhide: function () {
 },
/**
 * 生命周期函数--监听页面卸载
*/
onunload: function () {
 },
/**
 * 页面相关事件处理函数--监听用户下拉动作
*/
onpulldownrefresh: function () {
 },
/**
 * 页面上拉触底事件的处理函数
*/
onreachbottom: function () {
 },
/**
 * 用户点击右上角分享
*/
onshareappmessage: function () {
 },
// 上传图片操作
// 上传图片
chooseimg: function (e) {
var that = this;
if(that.data.cname==''){
 }else{
var imgs = this.data.imgs;
if (imgs.length >= 9) {
this.setdata({
 lenmore: 1
 });
 settimeout(function () {
 that.setdata({
 lenmore: 0
 });
 }, 2500);
return false;
 }
 wx.chooseimage({
// count: 1, // 默认9
 sizetype: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
sourcetype: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有
success: function (res) {
// 返回选定照片的本地文件路径列表，tempfilepath可以作为img标签的src属性显示图片
var tempfilepaths = res.tempfilepaths;
var imgs = that.data.imgs;
// console.log(tempfilepaths + '----');
for (var i = 0; i < tempfilepaths.length; i++) {
if (imgs.length >= 9) {
 that.setdata({
 imgs: imgs
 });
return false;
 } else {
 imgs.push(tempfilepaths[i]);
 }
 }
// console.log(imgs);
 that.setdata({
 imgs: imgs,
 });
//循环把图片上传到服务器
for (var i = 0; i < imgs.length; i++) {
 wx.uploadfile({
 url: url + 'wx_savehomework',
 filepath: imgs[i],
 name: 'files',
 formdata: {
 cname: that.data.cname
 },
 success: function (res) {
 console.log(res)
 }
 })
 }
 }
 });
 }
 },
// 删除图片
deleteimg: function (e) {
var imgs = this.data.imgs;
var index = e.currenttarget.dataset.index;
 imgs.splice(index, 1);
this.setdata({
 imgs: imgs
 });
 },
// 预览图片
previewimg: function (e) {
//获取当前图片的下标
var index = e.currenttarget.dataset.index;
//所有图片
var imgs = this.data.imgs;
 wx.previewimage({
//当前显示图片
current: imgs[index],
//所有图片
urls: imgs
 })
 },
})

//存取学生作业信息
  public function wx_savehomework(){
    $files=\request()->file('files');
    $cname=\request()->param('cname');
    $cid=db::name('course')->where('cname',$cname)->value('id');
    $max_id=db::name('homework')->max('id');
    foreach($files as $item){
// 移动到框架应用根目录/public/uploads/ 目录下
      $info = $files->rule('date')->move(root_path . 'public' . ds . 'uploads');
      if($info){
        $savename=str_replace("\\","/",$info->getsavename());
        $img='/uploads/'.$savename;
        $homework[]=['id'=>$max_id+1,'img'=>$img,'cid'=>$cid];
      }
    }
    //把数据插入到作业表中
    \db('homework')->insertall($homework);
  }