zoukankan      html  css  js  c++  java
  • php 应用 bootstrap-fileinput 上传文件 插件 操作的方法

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

    [html] view plain copy
     
    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设置成  同步
     
     
     
    [html] view plain copy
     
    1. <input type="file" class="file"id="img_url1" name="image_data[]"accept="image/*" multiple>  
    [javascript] view plain copy
     
    1. $("#img_url1").fileinput({  
    2.    language: 'zh',  
    3.    uploadUrl: "upload", //上传后台操作的方法  
    4.    uploadAsync: false, //设置上传同步异步 此为同步  
    5.    maxFileSize: 200,  
    6.    allowedFileExtensions: ['jpg'] //限制上传文件后缀  
    7. });//初始化 后 上传插件的样子  


    php中方法
    [php] view plain copy
     
    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
  • 相关阅读:
    分治策略
    uva 11424
    lightoj 1214
    lightoj 1282 && uva 11029
    lightoj 1341
    zoj 2369 Two Cylinders
    几种素数筛法
    lightoj 1245
    hdoj 1299 Diophantus of Alexandria
    求前n项正整数的倒数和
  • 原文地址:https://www.cnblogs.com/ZDPPU/p/6651046.html
Copyright © 2011-2022 走看看