beetl自定义标签 select 上传文件

select
@var res = res!dict.allDict();  //结果集
@var valueKey = valueKey;  //结果对象中作为select > option > value 值的属性名
@var textKey = textKey;       //结果对象中作为select > option > text 值的属性名
@var name = name;        //select标签name属性
@var label = label;          //筛选项的label标签text
@var selected = selected!""; //默认选中
<label class="layui-form-label width100">${label}</label>
<div class="layui-input-block">
   <select id="${name}" name="${name}" class="width200"   lay-search  >
      <option value="">请选择</option>
      @for(r in res){
      @var bb = parseInt(r[valueKey]);
      <option value="${r[valueKey]}" ${selected == bb? "selected"} >${r[textKey]}</option>
      @}
   </select>
</div>

img
@var name = name;   //数据库字段
@var imgId = imgId;    //图片id
@var butt = butt;//按钮id
@var value = value;//图片路径

<div class="layui-upload">
    <button type="button" class="layui-btn" id="${butt}">上传</button>
    <div class="layui-upload-list">
        <img class="layui-upload-img" id="${imgId}">
    </div>
    <input  type="hidden" name="${name}" id="${name}" value="${value}"/>
    @if(value != null ){
    <div class="layui-form">原图</div>
    <img class="layui-upload-img" id="${imgId}old" src="'../../static/upload/${value}"/>
    @}
</div>

<script>
    layui.use('upload', function(){
        var upload = layui.upload;
        //执行实例
        var uploadInst = upload.render({
            elem: $('#'+"${butt}")//绑定元素
            ,url: '${ctxPath}/ddcd/ddcd/upload' //上传接口
            , before: function (obj) {
                //预读本地文件示例，不支持ie8
                obj.preview(function (index, file, result) {
                    $('#'+"${imgId}").attr('src', result); //图片链接（base64）
                });
            }
            ,done: function(res){
                //上传完毕回调
                if (res.code != 100) {
                    return layer.msg('上传失败');
                }
                $('#'+"${name}").val(res.result)
                //alert(res.result)
            }
            ,error: function(){
                //请求异常回调
                return layer.msg('上传失败');
            }
        });
    });
</script>

/**
 * 图片
 *
 * @param
 * @return
 */
@PostMapping(value = "upload")
public @ResponseBody
Res upload(HttpServletRequest request, @RequestParam("file") MultipartFile multipartFile) throws IOException {
      if(multipartFile.isEmpty()){
      return new Res(ResultCode.FAILED,"无法获取源文件");
   }
   else{
      int WidthAndHeight_Image[]= {1080,1920};
      long name = new Date().getTime();
      //String path="C:"+ File.separator+"upload"+File.separator+"normal"+File.separator/*,path_small="C:"+File.separator+"upload"+File.separator+"small"+File.separator*/;
         String path = "D:\\DDCD\\management\\web\\src\\main\\resources\\static\\upload\\";
      System.out.println(path);
      //获得源文件
      BufferedImage bufferedImage= ImageIO.read(multipartFile.getInputStream());
      String returnqq = name + ".jpg";
      if(bufferedImage.getWidth() >WidthAndHeight_Image[0] || bufferedImage.getHeight() >WidthAndHeight_Image[1]) {
         Thumbnails.of(bufferedImage).size(WidthAndHeight_Image[0], WidthAndHeight_Image[1]).toFile(new File(path+returnqq));
      }else {
         Thumbnails.of(bufferedImage).size(bufferedImage.getWidth(), bufferedImage.getHeight()).toFile(new File(path+returnqq));
      }
      //压缩后文件
      /*bufferedImage = ImageIO.read(new FileInputStream(path +name+ ".jpg"));
      int width = bufferedImage.getWidth()>bufferedImage.getHeight()?bufferedImage.getHeight():bufferedImage.getWidth();*/
      //缩略图
      /*Thumbnails.of(bufferedImage).sourceRegion(Positions.CENTER,width,width).size(width, width).toFile(new File(path_small + name+ ".jpg"));*/
      return new Res(returnqq);
   }
}

beetl自定义标签 select 上传文件

猜你喜欢