php 应用 bootstrap-fileinput 上传文件 插件 操作的方法

//先加载插件所需要的 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. }

了解更多 请参考http://plugins.krajee.com/file-input/demo#image-management