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

     1  <div id="uploadbox" class="control-group" style="display:none;">
     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      .infoWrapper{display: none;}
    17    </style>
    18    <script>
    19        function removem(mkey){  
    20            str=document.getElementById("imgs").value;
    21            var strs= new Array();
    22            strs=str.split(",");
    23            imgs="";
    24            for (i=0;i<strs.length;i++){
    25                if (strs[i]!=mkey && strs[i]!=""){
    26                    if (imgs!=""){
    27                        imgs=strs[i]+","+imgs;
    28                    }else{
    29                        imgs=strs[i];
    30                    }
    31                }
    32            }
    33            if (imgs==""){
    34                imgs=",";
    35            }
    36  
    37            document.getElementById("imgs").value =imgs;
    38  
    39            var node =document.getElementById("n"+mkey);
    40            node.parentNode.removeChild(node);
    41        }
    42    </script>
    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" style="margin-top:1em;">{#<button type="button" class="btn btn-default md-btn" data-meta="image" data-placement="bottom" id="pickfiles" class="btn btn-default md-btn"> <i class="icon-picture"></i></button>#}</div>
    48      <div class="span11"  style="padding-top:1em;margin-left:0;clear:both;">
    49        <div id="success" style="display:none;">
    50          <div class="alert-success" style="padding:1em;">全部文件上传完毕..</div>
    51        </div>
    52        <div class="col-md-12">
    53          <table class="table table-striped table-hover text-left" style="margin-top:0;display:none;">
    54            <thead>
    55              <tr>
    56                <th class="col-md-4" style="padding-left:0;padding-right:0;padding-top:0.5em;padding-bottom:0.5em;">文件</th>
    57                <th class="col-md-3" style="padding-left:0;padding-right:0;padding-top:0.5em;padding-bottom:0.5em;">尺寸</th>
    58                <th class="col-md-5" style="padding-left:0;padding-right:0;padding-top:0.5em;padding-bottom:0.5em;">详情</th>
    59              </tr>
    60            </thead>
    61            <tbody id="fsUploadProgress"></tbody>
    62          </table>
    63        </div>
    64      </div>
    65  
    66    </div>
    67  </div>
    68  <script type="text/javascript" src="/libs/plupload-2.1.2/js/plupload.full.min.js"></script>
    69  <script type="text/javascript" src="/libs/plupload-2.1.2/js/i18n/zh_CN.js"></script>
    70  <script type="text/javascript" src="/libs/qiniu-js-sdk-master/src/qiniu.js"></script>
    71  <script type="text/javascript" src="/js/ui.js"></script>
    72  <script type="text/javascript" src="/js/settings4qiniu.js"></script>