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

Posted 2020-06-19 夏冬青

在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();
        
    }
}

View Code

    pictures.get(i).setUrl("image/"+imageFileName[i])    ;String path=app.getRealPath("")+"/image";

，另外参考layer官网中快速入门，测试导入是否导入正确。