php 應用 bootstrap-fileinput 上傳檔案 外掛 操作的方法
阿新 • • 發佈:2019-02-06
//先載入外掛所需要的 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/*" 配置這個屬性 (當點選選擇檔案時,自動過濾不是圖片型別的檔案) <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; //這個返回值必須要
}