关于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官网中快速入门,测试导入是否导入正确。

时间: 2024-11-03 22:20:02

关于layer.photos即照片显示的问题。的相关文章

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

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

SharePoint 2013技巧分享系列 - 同步Exchange显示高清用户照片

在"SharePoint 2013技巧分享系列 - Active Directory同步显示用户照片"文中介绍了如何同步Active Directory显示用户照片,但是同步完成后,用户照片尺寸和清晰度都不是非常理想.本文将介绍如何同步Exchange Server显示高清用户照片. 原理 与SharePoint Server 2010相似, 在SharePoint Server 2013中存在一个用户照片的目录.当SharePoint启用Exchange照片同步时, SharePoi

Android调用相机拍摄照片并显示到 ImageView控件中

在前面的一篇文章中曾介绍过简单的开启相机照相功能,详见?Android简单调用相机Camera功能,实现打开照相功能?,这一次就会将前面拍摄的照片显示到ImageView中,形成一个完整的效果 看实例 MainActivity.java package com.example.camera; import java.io.File; import android.app.Activity; import android.content.Intent; import android.graphic

Struts2(九.利用layer组件实现图片显示功能)

1.layer前端组件介绍 layer是一款口碑极佳的web弹层组件,她具备全方位的解决方案,致力于服务各个水平段的开发人员,您的页面会轻松地拥有丰富而友好的操作体验. http://sentsin.com/jquery/layer/ 使用方法http://sentsin.com/jquery/layer/ext.html 在项目中引入layer组件 <script type="text/javascript" src="${pageContext.request.co

layer弹层之美

layer是一款近年来备受青睐的web弹层组件,她具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验. 官网:http://layer.layui.com/ //初体验 layer.alert('内容') //询问框 layer.confirm('您是如何看待前端开发?', { btn: ['重要','奇葩'] //按钮 }, function(){ layer.msg('的确很重要', {icon: 1}); }, function(){ layer.m

layer ----- 弹层

模块加载名称:layer,layer独立组件官网:layer.layui.com layer可以独立使用,也可以通过Layui模块化使用.按照实际需求来选择.只使用layer,你可以去layer独立组件官网下载组件包.你需要在你的页面引入jQuery1.8以上的任意版本,并引入layer.js.如果你使用的是Layui,那么你直接在官网下载layui框架即可,无需引入jQuery和layer.js,但需要引入layui.css和layui.js ,解压后可放在extend下, , layer提供

如何处理iOS中照片的方向

使用过iPhone或者iPad的朋友在拍照时不知是否遇到过这样的问题,将设备中的照片导出到Windows上时,经常发现导出的照片方向会有问题,要么横着,要么颠倒着,需要旋转才适合观看.而如果直接在这些设备上浏览时,照片会始终显示正确的方向,在Mac上也能正确显示.最近在iOS的开发中也遇到了同样的问题,将拍摄的照片上传到服务器后,再由Windows端下载该照片,发现手机上完全正常的照片到了这里显示的横七竖八.同一张照片为什么在不同的设备上表现的不同?如何能够避免这种情况?本文将和大家一一解开这些

多功能弹窗控件layer

开发网站的时候,如何合理运用好各种插件对开发的帮助是很大的. 免去了我们调试各种交互效果, 比如常用的弹窗.气泡.提示.加载.焦点.标签.导航.折叠等等 这里会推荐几个常用的js插件,丰富多样简单易移植很适合我们做前台开发使用 第一个插件:多功能弹窗控件layer-v2.4  下载地址:http://layer.layui.com/ 页面调用js 1 //初体验 2 layer.alert('内容') 3 //第三方扩展皮肤 4 layer.alert('内容', { 5 icon: 1, 6

layer 1.9.2 发布,国产 Web 弹层不懈的前行者

快速使用Romanysoft LAB的技术实现 HTML 开发Mac OS App,并销售到苹果应用商店中. <HTML开发Mac OS App 视频教程> 土豆网同步更新:http://www.tudou.com/plcover/VHNh6ZopQ4E/ 百度网盘同步:http://pan.baidu.com/s/1jG1Q58M 分享  [中文纪录片]互联网时代   http://pan.baidu.com/s/1qWkJfcS 官方QQ群:(申请加入,说是我推荐的) App实践出真知 4