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);
   }
}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章