小程序如何上传多张图片

wxml 代码


<button bindtap="uploadImg">上传图片</button>


js 代码
uploadImg:function(){
var that = this;
wx.chooseImage({ //选择图片
success: function (res) {
var tempFilePath=res.tempFilePaths;
if (tempFilePath.length>5){ //上传限制
wx.showToast({
title: '上传不超过5张',
icon: 'loading',
duration: 2000
})return;
}
for (var i = 0; i < tempFilePath.length;i++){
var filePath = tempFilePath[i];
wx.uploadFile({
url: ' http://www.***.com/upload.php', //这个是你服务上的php用来处理图片上传的路径（可var_dump($_FILE)出来看看）
filePath: filePath,
name: 'file',
formData: {
'utype': 'upload','i':i
},
method: 'POST', //post必须大写
header: {
'content-type': 'application/x-www-form-urlencoded' //post方法必须写
},
success: function (res) { //成功回调函数
console.log(res);
}
}
}
)}
}
})
}




php 代码 //这边用的是原生php


<?php
$con=mysqli_connect("localhost","root"," ","数据库名"); //连接数据库
if($_POST){
$type=$_POST['utype'];
if($type=='upload'){
$path = 'upload/'. @date ( 'Ymd'); // 接收文件目录
if (! file_exists ( $path )) { //创建文件夹
mkdir ( "$path", 0777, true );
}
$parentDirName = dirname(dirname(__FILE__));
$upload=$parentDirName.$path;
if (file_exists($path . $_FILES["file"]["name"]))
{
echo '找不到图片';
}
else
{
$t=time();
$i=$_POST['i'];
$type=$_FILES["file"]["type"];
$strarr = explode("/",$type);
$type=$strarr[1];
$res= move_uploaded_file($_FILES["file"]["tmp_name"],$path.'/'.$t.$i.'.'.$type );
$photo='/weixin/'.$path.'/'.$t.$i.'.'.$type;
$table=$_POST['tab'];
$sql="insert into $table (imgsrc) values('$photo')";
$res=mysqli_query($con,$sql);
echo $sql;
}
}
}


?>