在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即照片显示的问题。的更多相关文章

  1. layer.photos()异步修改图片地址后显示异常

    项目中有一个图片有预览(用的layer.photos()),需要异步修改图片地址,但是成功修改后第一次预览会显示修改前的大图,第二次以后就都正常了. 尝试修改成功后再次调用layer.photos() ...

  2. layer插件layer.photos()动态插入的图片无法正常显示

    layer插件layer.photos()动态插入的图片无法正常显示,点击后面插入的图片,显示的是之前的图片列表,再次点击又是正常 有朋友遇到同样的问题 http://fly.layui.com/ji ...

  3. layui 图片与表单一起提交 + layer.photos图片层预览

    HTML基本结构: <form class="layui-form" action="" id="feedBackForm"> ...

  4. layer.js 中弹框显示不全的问题

    在使用 layer.js 做弹框的时候,遇到在浏览器缩小时,弹框显示不全的问题,如下: 这是不行的,因为我们有的时候想缩小浏览器视窗,但是一旦缩小到一定程度,就会把弹窗的关闭按钮遮住一部分,并且主体弹 ...

  5. layer 弹框不显示内容

    // layer的弹框不显示信息 可能是背景颜色和字体颜色冲突 改下字体颜色即可 layer.msg('<p style="color:black">用户名不能为空&l ...

  6. layer弹出层显示在top顶层

    父页面 导入 layer.js 或者 layui.all.js,导入后就能正常显示在父窗口页面区域. 1.显示在顶层窗口 top.layer.open({ type: 2, area: ['98%', ...

  7. android 实现照相功能 照片存放在SID卡中,将照片显示在Image中

    protected static final int CAMERA_RESULT = 0; private String fileName; private Button takePhotoBn; p ...

  8. 【layui】layer.photos 相册层动态生成Img 中出现的问题的解决方案

    layui版本:2.5.5 参照文档:https://www.jianshu.com/p/c594811fa882 他的3.8的解决方案有一些调整因为发现他的解决方式有些繁琐而最新的2.5.5版本中有 ...

  9. layui(layer)的loading方法显示位置不居中

    要在layer.load之前使用layer.ready方法 layui.use('layer', function () { layer.ready(function(){ index = layer ...

随机推荐

  1. u-boot可ping通PC,PC不可ping通u-boot

    http://blog.csdn.net/ce123_zhouwei/article/details/7339134 开发板运行U-Boot,在终端下使用Ping命令是能Ping通PC机,但PC机Pi ...

  2. redis的window客户端下载地址

    这里是window的版本,由微软维护的: https://github.com/MicrosoftArchive/redis/releases

  3. Lua 中pairs与ipairs区别

    local tmp_tab = {}; tmp_tab[]="lua"; tmp_tab[]="hello" tmp_tab[]="aaa" ...

  4. CDH安装kafka

    摘要:前言其实cloudera已经做了这个事了,只是把kafka的包和cdh的parcel包分离了,只要我们把分离开的kafka的服务描述jar包和服务parcel包下载了,就可以实现完美集成了.具体 ...

  5. windows安装ruby,DevKit安装rails,svn安装

    Ruby on Rails的安装,是从被称为RubyGems的包管理系统开始的.Ruby on Rails是由Ruby处理系统的类库的.被称为“gem”的格式来进行配置的.“gem”形式的类库,通过使 ...

  6. Java实现一个简单的缓存方法

    缓存是在web开发中经常用到的,将程序经常使用到或调用到的对象存在内存中,或者是耗时较长但又不具有实时性的查询数据放入内存中,在一定程度上可以提高性能和效率.下面我实现了一个简单的缓存,步骤如下. 创 ...

  7. TopK的一个简单实现

    转自:http://rangerwolf.iteye.com/blog/2119096 题外话: <Hadoop in Action> 是一本非常不错的交Hadoop的入门书,而且建议看英 ...

  8. 关于Cocos2d-x的动作和动画

    1.动作,在cocos2d-x中有非常多种的动作,各种移动,旋转,缩放,淡入淡出....等等非常多,但是这些动作只是作用于节点,最常作用于的就是精灵节点.而且我们可以把很多个动作放进一个Sequenc ...

  9. udp编程中,一次能发送多少个bytes为好?

    在进行UDP编程的时候,我们最容易想到的问题就是,一次发送多少bytes好? 当然,这个没有唯一答案,相对于不同的系统,不同的要求,其得到的答案是不一样的,我这里仅对    像ICQ一类的发送聊天消息 ...

  10. linux -- 进程的查看、进程id的获取、进程的杀死

    进程查看 ps ax : 显示当前系统进程的列表 ps aux : 显示当前系统进程详细列表以及进程用户 ps ax|less : 如果输出过长,可能添加管道命令 less查看具体进程, 如:ps a ...