单个上传:
$('#business_licence').change(function(event) { var formData = new FormData(); var url = "{:url('/admin/user/uploadbusiness')}"; formData.append("file", $(this).get(0).files[0]); $.ajax({ url:url, dataType:'json', type:'POST', data:formData, cache: false, contentType: false, //不可缺 processData: false, //不可缺 success:function(data){ //console.log(data) if(data.code == 1){ $(".business_licence").attr("src",data.path); $("#pic_business").val(data.path); }else{ alert(data.msg); } } });});批量上传: $('#idcard').change(function(event) { var formData = new FormData(); var url = "{:url('/admin/user/uploadidcard')}"; var fileList = document.getElementById("idcard").files; console.log($(this).get(0).files) for (var i = 0; i < fileList.length; i++) { formData.append("file[]", fileList[i]) //console.log(formData.get('file[]')); } //formData.append("file", $(this).get(0).files[0]); $.ajax({ url:url, dataType:'json', type:'POST', data:formData, cache: false, contentType: false, //不可缺 processData: false, //不可缺 success:function(data){ //console.log(data) if(data.code == 1){ $(".business_licence").attr("src",data.path); $("#pic_business").val(data.path); }else{ alert(data.msg); } } });});批量上传php端需要用foreachphp端: public function uploadbusiness(){ $file = $this->request->file('file'); $tmp_url = ROOT_PATH.'public'.DS.'static'.DS.'admin'.DS.'uploadcompany'.DS.'business'; $info = $file->validate(['size'=>156780,'ext'=>'jpg,png,gif,jpeg'])->move($tmp_url); if($info){ $info->getExtension(); // 成功上传后 获取上传信息 $path = $info->getSaveName(); // 输出 42a79759f284b767dfcb2a0197904287.jpg $info->getFilename(); //路径 $data['path'] = DS.'static'.DS.'admin'.DS.'uploadcompany'.DS.'business'.DS.$path; $data['code'] = 1; $data['msg'] = '上传成功'; $imgurl = $tmp_url.DS.$path; //生成缩略图 $image = \think\Image::open($imgurl); $image->thumb(150, 150)->save($imgurl); exit(json_encode($data)); }else{ // 上传失败获取错误信息 $msg = $file->getError(); $data['data'] = ''; $data['code'] = -1; $data['msg'] = $msg; exit(json_encode($data)); }}html： <div class="form-group"> <label class="col-sm-5 control-label">企业营业执照：</label> <div class="input-group col-sm-4"> <div style="border: 1px dashed #e5e6e7;position: relative; height: 150px;text-align: center;line-height: 150px;width:245px;overflow: hidden"><img src="/static/admin/uploadcompany/z_add.png" class="business_licence"></div> <input id="business_licence" type="file" multiple name="business_licence[]" id="business_licence" required="" aria-required="true" style="position: absolute;top: 0;opacity: 0;height: 151px;"> </div></div>转载于:https://www.cnblogs.com/fengfen93fen/p/9989619.html
