layer上传文件
1. layer插件如何弹出自定义div
刚好今天我也遇到这个问题，摸索了几个小时，搞定了，关键语法如下：
layer.open({
type:1,
content:$('#id')//这里content是一个DOM，这个元素要放在body根节点下
});所以你这个就应该是：
content:$('#wrapper')实例：
<!DOCTYPEHTML><html>
<head>
<metacharset="utf-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width,initial-scale=1">
<scriptsrc="jquery-1.9.1.min.js"></script>
<scriptsrc="layer/layer.js"></script>
<script>
$(function(){
$("a").click(function(){
layer.open({
type:1,
closeBtn:false,
shift:2,
shadeClose:true,
content:$("#box1")
});
})
})
</script>
<style>
*{padding:0;margin:0;}
#box1{width:555px;height:600px;background:#eee;display:none;}
</style>
</head>
<body>
<ahref="#">点击</a>
<divid="box1">
111
</div>
</body>
</html>
2. layui.upload上传文件的同时怎么传递一个参数
在 before 回调里面 执行追加 隐藏input的操作，里面放你的参数 $('.layui-upload-file').after( '<input type="hidden" name="xxxx" value="xxxx" />' );
这种方式只能传递静态参数，对于select的值好像获取不到
3. 百度上传控件webuploader如何限制 图片尺寸大小
可以通过mimeTypes判断图片类型，fileNumLimit: xx,//上传数量限制，fileSizeLimit: xx,//限制上传所有文件大小，fileSingleSizeLimit: xx,//限制上传单个文件大小
java">accept:{//只允许选择图片文件格式
title:'Images',
extensions:'gif,jpg,bmp,png',
mimeTypes:'image/*'
},
/**
*验证文件格式以及文件大小
*/
uploader.on("error",function(type){
if(type=="Q_TYPE_DENIED"){
layer.msg("请上传JPG、PNG、GIF、BMP格式文件");
}elseif(type=="Q_EXCEED_SIZE_LIMIT"){
layer.msg("文件大小不能超过2M");
}else{
layer.msg("上传出错！请检查后重新上传！错误代码"+type);
}
});
4. java 使用 AjaxUpload.js 实现上传文档的时候需要注意哪些
ajax是无法提交文件的，所以在上传图片并预览的时候，我们经常使用Ifame的方法实现看似异步的效果。但是这样总不是很方便的，AjaxFilleUpload.js对上面的方法进行了一个包装，使得我们不用去管理Iframe的一系列操作，也不用影响我们的页面结构，实现异步的文件提交。
html:
复制代码 代码如下:
<input type="file" name="upload" hidden="hidden" id="file_upload" accept=".zip" />
js:
复制代码 代码如下:
$.ajaxFileUpload({
url:'${pageContext.request.contextPath}/Manage/BR_restorePic.action', //需要链接到服务器地址
secureuri:false,
fileElementId:'file_upload', //文件选择框的id属性
dataType: 'text', //服务器返回的格式，可以是json、xml
success: function (data, status) //相当于java中try语句块的用法
{
$('#restoreDialog').html(data);
//alert(data);
},
error: function (data, status, e){ //相当于java中catch语句块的用法
$('#restoreDialog').html("上传失败，请重试");
}
});
这个方法还会出现一个问题，就是input只能使用一次的问题，input第二次的onchange将不会被执行，这应该是与浏览器的有关，解决办法就是替换这个input
像这样：
复制代码 代码如下:
$('#file_upload').replaceWith('<input type="file" name="upload" hidden="hidden" id="file_upload" accept=".zip" />');
5. layer和jquery是什么关系知乎
/*
先去官网下载最新的jshttp://sentsin.com/jquery/layer/
①引用jquery
②引用layer.min.js
*/
触发弹层的事件可自由绑定，如：
$('#id').on('click',function(){
layer.msg('test');
});
下面主要贴出上述例子的调用代码：
【信息框】：
layer.alert('白菜级别前端攻城师贤心',8);//风格一
layer.msg('前端攻城师贤心');//风格二
//当然，远远不止这两种风格。
【询问框】：
$.layer({
shade:[0],
area:['auto','auto'],
dialog:{
msg:'您是如何看待前端开发？',
btns:2,
type:4,
btn:['重要','奇葩'],
yes:function(){
layer.msg('重要',1,1);
},no:function(){
layer.msg('奇葩',1,13);
}
}
});
//还可用layer.confirm()快捷调用
【页面层一】
$.layer({
type:1,
shade:[0],
area:['auto','auto'],
title:false,
border:[0],
page:{dom:'.layer_notice'}
});
【页面层二】
varpageii=$.layer({
type:1,
title:false,
area:['auto','auto'],
border:[0],//去掉默认边框
shade:[0],//去掉遮罩
closeBtn:[0,false],//去掉默认关闭按钮
shift:'left',//从左动画弹出
page:{
html:'<divstyle="width:420px;height:260px;padding:20px;border:1pxsolid#ccc;background-color:#eee;"><p>我从左边来，我自定了风格。</p><buttonid="pagebtn"class="btns"onclick="">关闭</button></div>'
}
});
//自设关闭
$('#pagebtn').on('click',function(){
layer.close(pageii);
});
【iframe层一】
$.layer({
type:2,
shadeClose:true,
title:false,
closeBtn:[0,false],
shade:[0.8,'#000'],
border:[0],
offset:['20px',''],
area:['1000px',($(window).height()-50)+'px'],
iframe:{src:'http://f2e.sentsin.com/chat'}
});
【iframe层二】
layer.tips('5秒后右下角窗口自动关闭，并生成一个新的iframe',this,{
time:5,
maxWidth:260
});
$.layer({
type:2,
closeBtn:false,
shadeClose:true,
shade:[0.1,'#fff'],
border:[0],
time:5,
iframe:{
src:'test/guo.html'
},
title:false,
area:['300px','250px'],
shift:'right-bottom',
end:function(){
$.layer({
type:2,
title:'贤心博客-sentsin.com',
shadeClose:true,
maxmin:true,
fix:false,
area:['1024px',500],
iframe:{
src:'http://sentsin.com/'
}
});
}
});
【加载层一】
layer.load(3);
【加载层二】
layer.load('加载带文字',3);
【tips层一】
layer.tips('tips的样式并非是固定的，您可自定义外观。',this,{
style:['background-color:#78BA32;color:#fff','#78BA32'],
maxWidth:185,
time:3,
closeBtn:[0,true]
});
【tips层二】
layer.tips('默认没有关闭按钮',this,{guide:1,time:2});
【输入/文件层】
//普通文本
layer.prompt({title:'您的名字？'},function(name){
alert(name);
});
//密码文本
layer.prompt({title:'输入任何口令，并确认',type:1},function(pass){
alert(pass);
});
//文件上传
layer.prompt({title:'随便上传个东东，并确认',type:2},function(file){
alert(file);
});
//多行文本
layer.prompt({title:'随便写点啥，并确认',type:3},function(val){
alert(val);
});
【tab层】
layer.tab({
area:['1000px','500px'],
data:[
{title:'Say',content:'Hi，Main'},
{title:'无题',content:'支持html传入'}
]
});
【相册层】
//此处为异步请求模式，具体的json格式，请等待文档更新。或者你直接通过请求看photos.json
varconf={};
$.getJSON('ajax地址',{},function(json){
conf.photoJSON=json;//保存json，以便下次直接读取内存数据
layer.photos({
html:'这里传入自定义的html，也可以不用传入（这意味着不会输出右侧区域）。相册支持左右方向键、Esc关闭',
json:json
});
});
6. shapefile与layer文件的区别是什么
Layer文件(.lyr)是存储一个源数据集和其他图层属性路径的文件，其中包括符号。
与shapefile相比，layer文件只是真实数据如shapefile、要素类等的一种连接或参考。它不是真正的数据因为它不存储数据的属性和几何图形。Layer文件主要存储要素符号和其他在GIS应用中数据可视化有关的图层属性。
例如，如果一个layer文件被发送给其他机器上的用户但没有源数据时，将由于没有包含源数据而不会显示在地图中。为将数据正确的显示出来，用户必须具备其layer文件和相应的shapefile。
这是利用图层包使数据移植简易的原因，因为图层包中存储了layer文件和源数据。关于图层包的更多信息，请参考在线帮助“创建图层包”。
7. jquery layer插件需要加载哪些文件
加载layer.js就可以了，只要去官网把包下载下来将解压的文件夹复制到项目的目录下，引入layer.js就可以。另：官网下载的包都有一个dome。注：使用layer.js对jquery有要求，需1.8版本以上的。希望能帮到你！
8. layer.open打开一个html页面，content应该怎么传值
1、可以是moudle分配过来的值 ，也可以是页面中元素的值。
2、用js获取这个值，再写到内容content里面，即可。
3、 运用这个公式 ： 23456789<inputtype="hidden"id="xxx"value="{$xxx}"/><script>varmy_content=$('#xxx').val();layer.open({title:'标题',content:my_content'});</script>
4、写到内容content我们就可以正常的利用，open打开一个html页面，content传值了。
9. 用js脚本,怎么实现弹出选择图片的对话框，并将文件上传到服务器
弹出框用框架（layer.js，具体使用可参考官方文档）。
HTML如下：
!!! 注意这种提交会刷新页面
<formname="upload-file"method="post"enctype="multipart/form-data">
<labelfor="upload-file">上传</label>
<inputid="upload-file"type="file"name="images"hidden="hidden">
<inputtype="submit"value="提交">
</form>
提交过后后端就可以获取到图片(PHP获取代码如下：$_POST['images'];)
10. layui中layer如何使用
有两种方式可以使用，第一种使用layui加载layer模块，引入相关文件即可。