3,layui 上传组件后台代码分享

  
  
  
  
  
  
  


          
为节省服务器开销，以下示例均未配置真实上传接口，所以每次上传都会报提示：请求上传接口出现异常，这属于正常现象。
   
          

  
常规使用：普通图片上传

 

  上传图片
  

    
    

  
   
 

  
上传多张图片

 

  多图片上传 
  

    预览图：
    

 

 

  
指定允许上传的文件类型

 
上传文件
只允许压缩文件
上传视频
上传音频 

   


  


  
设定文件大小限制
 
 
上传图片

  这里以限制 60KB 为例

 

  
同时绑定多个元素，并将属性设定在元素上
 
 
上传A
上传B
上传C
 

  
选完文件后不自动上传

 

  选择文件
  开始上传


  
拖拽上传
 
 

  
  
点击上传，或将文件拖拽到此处

 

  
高级应用：制作一个多文件列表
 
 

  选择多文件 
  

    

      

        
文件名
        
大小
        
状态
        
操作
      
      

    
  
  开始上传
 
  

  
绑定原始文件域
 
 

 
          

java的上传(Springboot框架)

@RestController
public class UploadController {
 String filePath="D:/";
   @RequestMapping("/uploadTest")
    public Map uploadTest(MultipartFile file) throws FileNotFoundException {
     //  Map result = wifiCapService.uploadTest(file, request);
      // return result
   //a.jpg--->.jpg
       Map result= new HashMap<>();
       String ertName=file.getOriginalFilename().substring(file.getOriginalFilename().lastIndexOf("."));//获取文件格式
       String fileName= UUID.randomUUID().toString()+ertName;//uuid创建文件
     final String uploadPath = "Uploads/" + new SimpleDateFormat("yyyy/MM/dd").format(new Date());//上传的组合路径
       try {
           File saveFile =new File(filePath+uploadPath,fileName);
           if (!saveFile.exists()){
             saveFile.mkdirs();//目录不存在，递归创建
               FileCopyUtils.copy(file.getInputStream(),new FileOutputStream(saveFile));//把文件写入磁盘
               result.put("code",200);
               result.put("msg","上传成功");
                  result.put("data", new HashMap() {
                   {
                       put("src", uploadPath + "/"+ fileName);
                   }
               });
           }
       } catch (IOException e) {
           e.printStackTrace();
       }
       return  result;//返回名称
    }
}