template.html 3.2 KB
<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>