关于layer.photos即照片显示的问题。
在layer组件中,照片显示是不常用,今天做了一些不伤了。
在这里写出来,以备后用。
其中注意几个问题,
1。格式问题。
2.路径问题。
不同的layer有不同的格式,查看layerAPI中发现的格式并能不能很好地运用layer2.1版本(目前最新版)。
另外一定要注意路径问题。这个往往是很多人出错的关键所在。(正常地址最前面是不要斜杠的,后面在原有地址前面增加路径的时候也是在后面加斜杠。)
不多说,下面贴上代码来研究
写作是必须按照此格式:
package mypicture; import java.util.ArrayList; public class picService {
public static String getJSON(ArrayList<Picture> list,String contextPath)
{
StringBuilder str =new StringBuilder();
// str.append("{");
// str.append("\"title\": \" 用户相册 \","); //相册标题
// str.append("\"id\": 0,"); //相册id
// str.append("\"start\": 0,");//初始显示的图片序号,默认0
// str.append("\"data\": ["); //相册包含的图片,数组格式
// for(int i = 0; i<list.size() ; i++){
// str.append("{");
// str.append("\"alt\":\""+list.get(i).getName()+"\",");
// str.append("\"pid\": 0,"); //图片id
// str.append("\"src\":\""+contextPath+list.get(i).getUrl() +"\","); //原图地址
// str.append("\"thumb\":\"\","); //缩略图地址
// str.append("}");
// if(i<list.size()-1)
// {
// str.append(",");
// }
// else
// {
// break;
// }
// }
// str.append("]");
// str.append("}"); str.append("{");
str.append("\"status\": 1,"); //请求的状态,1表示成功,其它表示失败
str.append("\"msg\": \" \", "); //状态提示语
str.append("\"title\": \" 用户相册 \","); //相册标题
str.append("\"id\": 0,"); //相册id
str.append("\"start\": 0,"); //初始显示的图片序号,默认0 str.append("\"data\": ["); //相册包含的图片,数组格式 //处理相片
for(int i = 0; i<list.size() ; i++)
{ str.append("{");
str.append("\"name\": \""+list.get(i).getName()+"\","); //图片名
str.append("\"pid\": 0,"); //图片id
str.append("\"src\" : \""+contextPath+"/"+list.get(i).getUrl() +"\","); //原图地址
str.append("\"thumb\": \"\","); //缩略图地址
str.append("\"area\": [638, 851]"); //原图宽高
str.append("}");
if(i<list.size()-1)
{
str.append(",");
}
else
{
break;
}
}
str.append("]"); str.append("}");
return str.toString(); }
}
pictures.get(i).setUrl("image/"+imageFileName[i]) ;String path=app.getRealPath("")+"/image";
,另外参考layer官网中快速入门,测试导入是否导入正确。
关于layer.photos即照片显示的问题。的更多相关文章
- layer.photos()异步修改图片地址后显示异常
项目中有一个图片有预览(用的layer.photos()),需要异步修改图片地址,但是成功修改后第一次预览会显示修改前的大图,第二次以后就都正常了. 尝试修改成功后再次调用layer.photos() ...
- layer插件layer.photos()动态插入的图片无法正常显示
layer插件layer.photos()动态插入的图片无法正常显示,点击后面插入的图片,显示的是之前的图片列表,再次点击又是正常 有朋友遇到同样的问题 http://fly.layui.com/ji ...
- layui 图片与表单一起提交 + layer.photos图片层预览
HTML基本结构: <form class="layui-form" action="" id="feedBackForm"> ...
- layer.js 中弹框显示不全的问题
在使用 layer.js 做弹框的时候,遇到在浏览器缩小时,弹框显示不全的问题,如下: 这是不行的,因为我们有的时候想缩小浏览器视窗,但是一旦缩小到一定程度,就会把弹窗的关闭按钮遮住一部分,并且主体弹 ...
- layer 弹框不显示内容
// layer的弹框不显示信息 可能是背景颜色和字体颜色冲突 改下字体颜色即可 layer.msg('<p style="color:black">用户名不能为空&l ...
- layer弹出层显示在top顶层
父页面 导入 layer.js 或者 layui.all.js,导入后就能正常显示在父窗口页面区域. 1.显示在顶层窗口 top.layer.open({ type: 2, area: ['98%', ...
- android 实现照相功能 照片存放在SID卡中,将照片显示在Image中
protected static final int CAMERA_RESULT = 0; private String fileName; private Button takePhotoBn; p ...
- 【layui】layer.photos 相册层动态生成Img 中出现的问题的解决方案
layui版本:2.5.5 参照文档:https://www.jianshu.com/p/c594811fa882 他的3.8的解决方案有一些调整因为发现他的解决方式有些繁琐而最新的2.5.5版本中有 ...
- layui(layer)的loading方法显示位置不居中
要在layer.load之前使用layer.ready方法 layui.use('layer', function () { layer.ready(function(){ index = layer ...
随机推荐
- 数据库——SQL中EXISTS怎么用1(转)
EXISTS用于检查子查询是否至少会返回一行数据,该子查询实际上并不返回任何数据,而是返回值True或False 方法/步骤 EXISTS用于检查子查询是否至少会返回一行数据,该子查询实际上并不返 ...
- 机器学习:Mean Shift聚类算法
本文由ChardLau原创,转载请添加原文链接https://www.chardlau.com/mean-shift/ 今天的文章介绍如何利用Mean Shift算法的基本形式对数据进行聚类操作.而有 ...
- iOS- 如何将应用集成发短信、发邮件、打电话
今天把APP里常用小功能 例如发短信.发邮件.打电话. 全部拿出来简单说说它们的实现思路. 1.发短信 实现打电话的功能,主要二种方法,下面我就分别说说它们的优缺点. 1.1.发短信(1)——URL ...
- jQuery EasyUI教程之datagrid应用-2
二.DataGrid的扩展应用 上一份教程我们创建的一个CRUD应用是使用对话框组件来增加或编辑用户信息.本教程将教你如何创建一个CRUD 数据表格(datagrid). 为了让这些CRUD功能正常工 ...
- 数据库 proc编程八
#define _CRT_SECURE_NO_WARNINGS #include <stdio.h> #include <stdlib.h> #include <stri ...
- numpy得到数组的index
itemindex = numpy.where(array==item)
- am335x phy led problem
问题描述 连接网线的情况下,每次进行软件"reboot",网口的LINK LED能够正常的熄灭,而ACTIVE LED却是亮的. reboot重启之后,LINK的灯正常变亮,而AC ...
- linux -- ubuntu桌面版安装xampp
首先,请从www.xampp.org下载最新版XAMPP. 安装 如果是xampp压缩文件 将xampp压缩文件复制到/opt下并解压.如果你计算机没有/opt目录,用 “sudo mkdir/opt ...
- win7cmd静态绑定arp
netsh -c "172.16.3.1" "f4-ea-67-8b-91-cc"
- mysql5.7 编码统一utf-8
查看mysql数据库编码: show variables like 'character%'; mysql> show variables like 'character%'; +------- ...