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     }  

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM