1. 程式人生 > >beetl自定義標籤 select 上傳檔案

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