php 應用 bootstrap-fileinput 上傳文件 插件 操作的方法

//先加載插件所需要的 js 、css 文件

    <link href="css/fileinput.css" rel="stylesheet" type="text/css" />  
    <script src="js/fileinput.js"type="text/javascript"></script>  
    <script src="js/fileinput_locale_zh.js" type="text/javascript"></script>  

//然后 頁面上代碼      

 accept="image/*"  配置這個屬性 （當點擊選擇文件時，自動過濾不是圖片類型的文件）    name="image_data[]" 此屬性（多圖片上傳時，可以將文件屬性放到一個數組中）如圖所示：

注 ：多圖上傳  要將ajax設置成  同步

    <input type="file" class="file"id="img_url1" name="image_data[]"accept="image/*" multiple>  

    $("#img_url1").fileinput({  
       language: 'zh',  
       uploadUrl: "upload", //上傳后台操作的方法  
       uploadAsync: false, //設置上傳同步異步 此為同步  
       maxFileSize: 200,  
       allowedFileExtensions: ['jpg'] //限制上傳文件后綴  
    });//初始化 后 上傳插件的樣子  

php中方法

    public function upload(){  
        if(IS_AJAX)  
        {  
            $images_name = '';  
            $img_name = time();  
            foreach($_FILES['image_data']['tmp_name'] as$k=>$v)  
            {  
                move_uploaded_file($v,$img_path.$img_name.$k.'.jpg');  
                $images_name  .=  $img_name.$k.'.jpg'.',';  
            }  
        }  
        return 1; //這個返回值必須要  
    }