<!DOCTYPE html>
|
<html>
|
<head>
|
<meta content="text/html;charset=UTF-8"/>
|
<title>fsLayuiPlugin</title>
|
<meta name="keywords" content="fsLayuiPlugin,layui,layuiPlugin,layui插件" />
|
<meta name="description" content="fsLayuiPlugin,layui,layuiPlugin,layui插件" />
|
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
|
<meta http-equiv ="Pragma" content = "no-cache"/>
|
<meta http-equiv="Cache-Control" content="no cache" />
|
<meta http-equiv="Expires" content="0" />
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"/>
|
<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
|
<meta name="apple-mobile-web-app-capable" content="yes"/>
|
<meta name="format-detection" content="telephone=no"/>
|
<link rel="stylesheet" type="text/css" href="/plugins/layui/css/layui.css" media="all"/>
|
<link rel="stylesheet" type="text/css" href="/css/fs.css" media="all"/>
|
<script type="text/javascript" src="/plugins/layui/layui.js"></script>
|
<script type="text/javascript" src="/plugins/jquery/jquery.min.js"></script>
|
<script type="text/javascript" src="/plugins/frame/js/fs.js?v=1.5.0"></script>
|
|
</head>
|
<body class="layui-layout-body">
|
<div class="layui-fluid">
|
<div class="layui-form-item">
|
<div style="text-align: center;">
|
<div class="layui-upload-drag" style="width: 320px;">
|
<i class="layui-icon"></i>
|
<p id="fileName">点击上传，或将文件拖拽到此处</p>
|
</div>
|
</div>
|
</div>
|
<hr/>
|
<div class="layui-form-item">
|
<div class="layui-input-block">
|
<button id="upload" class="layui-btn">开始上传</button>
|
<button type="button" class="layui-btn layui-btn-primary" function="close">关闭</button>
|
</div>
|
</div>
|
|
</div>
|
</body>
|
<script>
|
layui.use(['upload','layer','fsConfig','fsCommon'], function(){
|
var upload = layui.upload,
|
fsConfig = layui.fsConfig,
|
layer = layui.layer,
|
fsCommon = layui.fsCommon,
|
isSelectFile = false,//是否选择文件，默认false
|
statusName = $.result(fsConfig,"global.result.statusName","errorNo"),
|
msgName = $.result(fsConfig,"global.result.msgName","errorInfo"),
|
uploadUrl = $.result(fsConfig,"global.uploadUrl",""),
|
dataName = $.result(fsConfig,"global.result.dataName","results.data");
|
|
var uploadFilePath = top.$('meta[name="uploadFilePath"]');
|
if(uploadFilePath.length==0)
|
{
|
top.$('head').append("<meta name=\"uploadFilePath\" content=\"\"/>");
|
}else{
|
uploadFilePath.attr("content","");
|
}
|
|
|
//获取参数
|
var paramUrl = fsCommon.getUrlParam();
|
|
var fileAccept,fileExts,fileSize;
|
|
//获取业务参数绑定
|
if(!$.isEmpty(paramUrl["fileParam"])){
|
var fileParam = JSON.parse(unescape(paramUrl["fileParam"]));
|
fileAccept = fileParam["fileAccept"];
|
fileExts = fileParam["fileExts"];
|
fileSize = fileParam["fileSize"];
|
}
|
delete paramUrl["fileParam"];
|
|
//绑定默认按钮
|
fsCommon.buttionEvent();
|
|
var loadIndex;
|
|
//选完文件后不自动上传
|
upload.render({
|
elem: '.layui-upload-drag'
|
,url: uploadUrl
|
,data: paramUrl
|
,accept :fileAccept
|
,exts :fileExts
|
,size :fileSize
|
,auto: false
|
,before: function(){
|
if(!isSelectFile){
|
fsCommon.warnMsg("请选择文件！");
|
return;
|
}
|
|
loadIndex = layer.load(); //上传loading
|
}
|
//,multiple: true
|
,bindAction: '#upload'
|
,choose: function(obj){
|
isSelectFile = true;
|
obj.preview(function(index, file, result){
|
$("#fileName").html(file.name);
|
})
|
}
|
,done: function(result){
|
layer.closeAll(loadIndex); //关闭loading
|
|
if(result[statusName] != "0"){
|
var filters = fsConfig["filters"];
|
if(!$.isEmpty(filters)){
|
var otherFunction = filters[result[statusName]];
|
if($.isFunction(otherFunction)){
|
otherFunction(result);
|
return;
|
}
|
}
|
fsCommon.errorMsg(result[msgName]);
|
return;
|
}
|
|
//上传成功后，返回文件路径
|
var data = $.result(result,dataName);
|
|
top.$('meta[name="uploadFilePath"]').attr("content",data["filePath"]);
|
|
//关闭
|
var index = parent.layer.getFrameIndex(window.name); //获取窗口索引
|
parent.layer.close(index);
|
|
},
|
error: function(index, upload){
|
layer.closeAll(loadIndex); //关闭loading
|
}
|
});
|
|
});
|
</script>
|
</html>
|
