github.com/insionng/yougam@v0.0.0-20170714101924-2bc18d833463/themes/wind/templates/root/qiniu4pluploader.html (about)

     1  <div class="control-group">
     2    <style type="text/css">
     3      .filePrew {
     4                display: block;
     5                position: absolute;
     6                top: 0;
     7                left: 0;
     8                width: 200px;
     9                font-size: 100px;
    10                /* 增大不同浏览器的可点击区域 */
    11                opacity: 0;
    12                /* 实现的关键点 */
    13      }
    14      .col-md-12{overflow:hidden;padding:0;}
    15      .table{margin:0;}
    16    </style>
    17    <script>
    18        function removem(mkey){  
    19            str=document.getElementById("imgs").value;
    20            var strs= new Array();
    21            strs=str.split(",");
    22            imgs="";
    23            for (i=0;i<strs.length;i++){
    24                if (strs[i]!=mkey && strs[i]!=""){
    25                    if (imgs!=""){
    26                        imgs=strs[i]+","+imgs;
    27                    }else{
    28                        imgs=strs[i];
    29                    }
    30                }
    31            }
    32            if (imgs==""){
    33                imgs=",";
    34            }
    35  
    36            document.getElementById("imgs").value =imgs;
    37  
    38            var node =document.getElementById("n"+mkey);
    39            node.parentNode.removeChild(node);
    40        }
    41    </script>
    42    <label class="control-label">上传图片:</label>
    43    <div class="controls">
    44      <input type="hidden" id="imgs" name="images" value="{{images}}"/>
    45      <input type="hidden" id="domain" value="{{domain47niu}}">
    46      <input type="hidden" id="uptoken_url" value="{{uptoken_url}}">
    47      <div id="container">
    48        <a href="javascript:void(0);" id="pickfiles" class="btn btn-success btn-large span11" style="margin-bottom:1em;color:#ffffff;"> <i class="icon-upload glyphicon glyphicon-plus"></i>
    49          <sapn>选择文件</sapn>
    50        </a>
    51      </div>
    52      <div class="span11" style="clear: both;margin-left:0;">
    53        <div id="success" style="display:none;">
    54          <div class="alert-success" style="padding:1em;">全部文件上传完毕..</div>
    55        </div>
    56        <div class="col-md-12">
    57          <table class="table table-striped table-hover text-left" style="margin-top:0;display:none;">
    58            <thead>
    59              <tr>
    60                <th class="col-md-4" style="padding-left:0;padding-right:0;padding-top:0.5em;padding-bottom:0.5em;">文件</th>
    61                <th class="col-md-3" style="padding-left:0;padding-right:0;padding-top:0.5em;padding-bottom:0.5em;">尺寸</th>
    62                <th class="col-md-5" style="padding-left:0;padding-right:0;padding-top:0.5em;padding-bottom:0.5em;">详情</th>
    63              </tr>
    64            </thead>
    65            <tbody id="fsUploadProgress"></tbody>
    66          </table>
    67        </div>
    68      </div>
    69  
    70      <script src="/root/js/jquery.min.js"></script>
    71      <script src="/libs/plupload-2.1.2/js/plupload.full.min.js"></script>
    72  
    73      <script type="text/javascript" src="/libs/plupload-2.1.2/js/i18n/zh_CN.js"></script>
    74      <script type="text/javascript" src="/libs/qiniu-js-sdk-master/src/qiniu.js"></script>
    75      <script type="text/javascript" src="/js/ui.js"></script>
    76      <script type="text/javascript" src="/js/settings4qiniu.js"></script>
    77  
    78    </div>
    79  </div>