html+js部分
<input type="file" name="" id="imgs" multiple="multiple" onchange="uploadFiles()">
<script>
uploadFiles: function(){
var formData = new FormData();
var fileImgs = $("#imgs")[0].files;
if(fileImgs.length>5){
showToast('fail','最多只能选择5张图片');
return;
};
for(var i=0; i<fileImgs.length; i++){
formData.append('files[]',fileImgs[i]);
}
formData.append('path','store');
$.ajax({
url:'index/api/uploadFileImgs',
type: "POST",
data: formData,
contentType: false,
processData: false,
success: function (data) {
var imgarr = JSON.parse(data);
console.log(imgarr)
},
error:function(data){
console.log(data)
}
})
}
</script>
php部分
public function uploadFileImgs(){
$files = request()->file('files');
$path = input('path');
if($files){
$imgarr = [];
foreach($files as $file){
$info = $file->validate(['size'=>204800000,'ext'=>'jpg,png,gif'])->move(ROOT_PATH . 'public' . DS . 'uploads'.DS.$path);
if($info){
$newurl = 'http://192.168.0.0/demo/public/uploads/'.$path.'/'.$info->getSaveName();
$img= str_replace('\\','/',$newurl);
$imgarr[]=$img;
}
}
return json_encode($imgarr);
}else{
echo '没有图片上传';
}
}