在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. 数据库——SQL中EXISTS怎么用1(转)

    EXISTS用于检查子查询是否至少会返回一行数据,该子查询实际上并不返回任何数据,而是返回值True或False 方法/步骤   EXISTS用于检查子查询是否至少会返回一行数据,该子查询实际上并不返 ...

  2. 机器学习:Mean Shift聚类算法

    本文由ChardLau原创,转载请添加原文链接https://www.chardlau.com/mean-shift/ 今天的文章介绍如何利用Mean Shift算法的基本形式对数据进行聚类操作.而有 ...

  3. iOS- 如何将应用集成发短信、发邮件、打电话

    今天把APP里常用小功能 例如发短信.发邮件.打电话. 全部拿出来简单说说它们的实现思路. 1.发短信 实现打电话的功能,主要二种方法,下面我就分别说说它们的优缺点. 1.1.发短信(1)——URL ...

  4. jQuery EasyUI教程之datagrid应用-2

    二.DataGrid的扩展应用 上一份教程我们创建的一个CRUD应用是使用对话框组件来增加或编辑用户信息.本教程将教你如何创建一个CRUD 数据表格(datagrid). 为了让这些CRUD功能正常工 ...

  5. 数据库 proc编程八

    #define _CRT_SECURE_NO_WARNINGS #include <stdio.h> #include <stdlib.h> #include <stri ...

  6. numpy得到数组的index

    itemindex = numpy.where(array==item)

  7. am335x phy led problem

    问题描述 连接网线的情况下,每次进行软件"reboot",网口的LINK LED能够正常的熄灭,而ACTIVE LED却是亮的. reboot重启之后,LINK的灯正常变亮,而AC ...

  8. linux -- ubuntu桌面版安装xampp

    首先,请从www.xampp.org下载最新版XAMPP. 安装 如果是xampp压缩文件 将xampp压缩文件复制到/opt下并解压.如果你计算机没有/opt目录,用 “sudo mkdir/opt ...

  9. win7cmd静态绑定arp

    netsh -c "172.16.3.1" "f4-ea-67-8b-91-cc"

  10. mysql5.7 编码统一utf-8

    查看mysql数据库编码: show variables like 'character%'; mysql> show variables like 'character%'; +------- ...