1. 程式人生 > >php 應用 bootstrap-fileinput 上傳檔案 外掛 操作的方法

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; //這個返回值必須要
}