element+vue+java文件上传

初学element,开始做文件上传看element的官方文档发觉东西太少了,看不懂,去看了几篇帖子发现贴过来的代码也没办法用.

经过自己学习,终于写出来了,可以留一个记录,也方便初学者使用.

---

里面的方法请求路径与参数已经删除,自己修改.

---

这是上传的前端代码,这是一个弹出框.如果不需要,可以去除最外层的dialog

这主要是一个树形菜单加载,然后节点上有对应的上传按钮或者下载,删除,预览,重命名等功能,预览需要使用一个插件v-viewer

安装命令可自行根据版本号百度,当然只需要上传功能的话

---

---

当然只需要上传功能的话,截取这段代码,对应的方法就可以了

 

  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  

    

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

          
文件列表
        
      

    
  
  

    

      

        显示全部文件
      
    
  

 

---

java后端的文件上传接收代码

@RequestMapping(value="/upload",method= RequestMethod.POST)
@ResponseBody
public ResponseBase upload( @RequestParam("file") MultipartFile file) throws Exception {
    //处理文件,就行,当然可以传其他的参数
}