在layer组件中,照片显示是不常用,今天做了一些不伤了. 在这里写出来,以备后用. 其中注意几个问题, 1.格式问题. 2.路径问题. 不同的layer有不同的格式,查看layerAPI中发现的格式并能不能很好地运用layer2.1版本(目前最新版). 另外一定要注意路径问题.这个往往是很多人出错的关键所在.(正常地址最前面是不要斜杠的,后面在原有地址前面增加路径的时候也是在后面加斜杠.) 不多说,下面贴上代码来研究 写作是必须按照此格式: package mypicture; import…

项目中有一个图片有预览(用的layer.photos()),需要异步修改图片地址,但是成功修改后第一次预览会显示修改前的大图,第二次以后就都正常了. 尝试修改成功后再次调用layer.photos(),也没有作用. 把layer.js文件中 loop || parent.on('click', options.img, function(){ var othis = $(this), index = othis.attr('layer-index'); layer.photos($.extend…

layer插件layer.photos()动态插入的图片无法正常显示,点击后面插入的图片,显示的是之前的图片列表,再次点击又是正常 有朋友遇到同样的问题 http://fly.layui.com/jie/4124.html layer v2.4 弹层组件layer.photos动态插入图片后,点击新插入的图片会弹出插入前的最后一张图片.如果再次调用layer.photos,点击新图片会提示错误: layer.js:1006 Uncaught TypeError: Cannot read prop…

HTML基本结构: <form class="layui-form" action="" id="feedBackForm"> <div class="layui-form-item"> <!--表单内容--> </div> <!--图片上传--> <div class="layui-upload feedback-padding">…

在使用 layer.js 做弹框的时候,遇到在浏览器缩小时,弹框显示不全的问题,如下: 这是不行的,因为我们有的时候想缩小浏览器视窗,但是一旦缩小到一定程度,就会把弹窗的关闭按钮遮住一部分,并且主体弹框还会出现上下移动的滚动条,对于客户的体验是很差的 1. 弹窗使用的代码调用如下: layer.open({ title: false, type: 2, content: ['./detail/zhuce.html', 'no'], area: ['400px', '650px'], }); 从上…

// layer的弹框不显示信息 可能是背景颜色和字体颜色冲突 改下字体颜色即可 layer.msg('<p style="color:black">用户名不能为空</p>', {icon: 2,time: 1000});…

父页面 导入 layer.js 或者 layui.all.js,导入后就能正常显示在父窗口页面区域. 1.显示在顶层窗口 top.layer.open({ type: 2, area: ['98%', '95%'], title:'人工客服', content: url, btn:['关闭'] }); 2.显示在父窗口 parent.layer.open({ type: 2, area: ['98%', '95%'], title:'人工客服', content: url, btn:['关闭']…

protected static final int CAMERA_RESULT = 0; private String fileName; private Button takePhotoBn; private String imageFilePath; private ImageView imv; @Override protected void onActivityResult(int requestCode, int resultCode, Intent intent) { // TOD…

layui版本:2.5.5 参照文档:https://www.jianshu.com/p/c594811fa882 他的3.8的解决方案有一些调整因为发现他的解决方式有些繁琐而最新的2.5.5版本中有了对应的循环,于是我对layer.js进行了一个简单的调整就解决了该问…

要在layer.load之前使用layer.ready方法 layui.use('layer', function () { layer.ready(function(){ index = layer.load(1, { shade: [0.4,'#000'] }); }); });…