95 lines
3.2 KiB
HTML
95 lines
3.2 KiB
HTML
<div class="uedbody">
|
|
<div class="ued_title">
|
|
<div class="uedbar">
|
|
<span>多图上传</span>
|
|
</div>
|
|
<div class="close_but icon" title="关闭对话框"></div>
|
|
</div>
|
|
|
|
<div class="wrapper">
|
|
<div id="wra_head" class="wra_head">
|
|
<span class="tab tab-upload focus" tab="upload-panel">本地上传</span>
|
|
<span class="tab tab-online" tab="online">文件服务器</span>
|
|
<span class="tab tab-search" tab="searchbox">图片搜索</span>
|
|
</div>
|
|
|
|
<div class="wra_body">
|
|
<div class="tab-panel upload-panel">
|
|
<div class="wra_pla">
|
|
<div class="upload-image-placeholder">
|
|
<div class="btn btn-primary image-select">点击选择图片</div>
|
|
<input type="file" name="src" class="webuploader-element-invisible" multiple="multiple">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="image-list-box" style="display: none;">
|
|
<div class="wra_bar">
|
|
<div class="info fl">选中 {img.num} 张图片，共 {img.size} K</div>
|
|
<div class="fr">
|
|
<span class="btn btn-default btn-continue-add">继续添加</span>
|
|
<span class="btn btn-primary btn-start-upload">开始上传</span>
|
|
</div>
|
|
</div>
|
|
|
|
<ul class="filelist">
|
|
<?php for ( $i = 0; $i < 20; $i++ ) {?>
|
|
<li>
|
|
<div class="imgWrap">
|
|
<img src="http://ueditor.baidu.com/server/ueditor/upload/image/3.jpg?noCache=iokrzz5b" width="113" height="113" border="0" />
|
|
</div>
|
|
<div class="file-opt-box clearfix">
|
|
<span class="remove">删除</span>
|
|
<span class="rotateRight">向右旋转</span>
|
|
<span class="rotateLeft">向左旋转</span>
|
|
</div>
|
|
<div class="success"></div>
|
|
<div class="error">这是错误信息</div>
|
|
<div class="progress"><span style="display: none; width: 0px;"></span></div>
|
|
</li>
|
|
<?php }?>
|
|
|
|
</ul>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-panel online">
|
|
<div class="imagelist">
|
|
<ul class="list">
|
|
<li>
|
|
<img style="margin-left: -33px;" src="http://ueditor.baidu.com/server/ueditor/upload/image/10.jpg?noCache=iokuzbsf" height="113" width="179">
|
|
<span class="ic <?php if ($i%2==0) {echo "selected";}?>"></span>
|
|
</li>
|
|
</ul>
|
|
<div class="no-data">(⊙o⊙)亲，没有多数据了。</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="tab-panel searchbox">
|
|
<div class="search-bar">
|
|
<input class="searTxt" type="text" placeholder="请输入搜索关键词" />
|
|
<input value="百度一下" class="btn btn-primary btn-search" type="button" />
|
|
<input value="清空搜索" class="btn btn-default btn-cancel" type="button" />
|
|
</div>
|
|
|
|
<div class="search-imagelist-box">
|
|
<ul class="search-list">
|
|
<li>
|
|
<img style="margin-left: -33px;" src="http://ueditor.baidu.com/server/ueditor/upload/image/10.jpg?noCache=iokuzbsf" height="113" width="179">
|
|
<span class="ic <?php if ($i%2==0) {echo "selected";}?>"></span>
|
|
</li>
|
|
</ul>
|
|
<div class="no-data">(⊙o⊙)亲，没有多数据了。</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="loading-icon"></div>
|
|
</div><!-- end of wrapper -->
|
|
|
|
</div>
|
|
|
|
<div class="wra-btn-group">
|
|
<span class="btn btn-primary btn-confirm">确认</span>
|
|
<span class="btn btn-default btn-cancel">取消</span>
|
|
</div>
|
|
</div> |