//先加载插件所需要的 js 、css 文件
1 <link href="css/fileinput.css" rel="stylesheet" type="text/css" /> 2 <script src="js/fileinput.js"type="text/javascript"></script> 3 <script src="js/fileinput_locale_zh.js" type="text/javascript"></script>
//然后 页面上代码
accept="image/*" 配置这个属性 (当点击选择文件时,自动过滤不是图片类型的文件) name="image_data[]" 此属性(多图片上传时,可以将文件属性放到一个数组中)如图所示:
注 :多图上传 要将ajax设置成 同步
1 <input type="file" class="file"id="img_url1" name="image_data[]"accept="image/*" multiple>
1 $("#img_url1").fileinput({ 2 language: 'zh', 3 uploadUrl: "upload", //上传后台操作的方法 4 uploadAsync: false, //设置上传同步异步 此为同步 5 maxFileSize: 200, 6 allowedFileExtensions: ['jpg'] //限制上传文件后缀 7 });//初始化 后 上传插件的样子
php中方法
1 public function upload(){ 2 if(IS_AJAX) 3 { 4 $images_name = ''; 5 $img_name = time(); 6 foreach($_FILES['image_data']['tmp_name'] as$k=>$v) 7 { 8 move_uploaded_file($v,$img_path.$img_name.$k.'.jpg'); 9 $images_name .= $img_name.$k.'.jpg'.','; 10 } 11 } 12 return 1; //这个返回值必须要 13 }