1 <form id="ajaxform" enctype="multipart/form-data" class="form"> 2 <input type="file" class="input-file" accept="image/gif, image/jpeg" id="uploadimg" name="image[]" multiple /> 3 4 <input type="button" id="postbtn" class="input-btn" value="上传" /> 5 </form> 6 7 <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> 8 <script type="text/javascript"> 9 <!-- 10 $(function(){ 11 12 $("#postbtn").on("click",function(){ 13 var formData = new FormData($("#ajaxform")[0]); 14 console.log(formData); 15 $.ajax({ 16 type: "POST", 17 data:formData, 18 url:"imgupload", 19 contentType:false, 20 processData:false, 21 success: function(data){ 22 console.log(data); 23 }}); 24 }); 25 }); 26 //--> 27 </script>
1 //图片上传 ROOT_PATH.'uploads' 2 public function imgupload(){ 3 4 $files = request()->file('image'); 5 foreach($files as $file){ 6 // 移动到框架应用根目录/public/uploads/ 目录下 7 $info = $file->validate(['size'=>156780,'ext'=>'jpg,png,gif'])->move(ROOT_PATH . 'public' . DS . 'upload'); 8 if(!$info){ 9 // 上传失败获取错误信息 10 echo $file->getError(); 11 } 12 } 13 }