前言：
此时咱们对“vue实现文件上传”大致比较注重，咱们都需要了解一些“vue实现文件上传”的相关内容。那么小编在网摘上搜集了一些关于“vue实现文件上传””的相关资讯，希望兄弟们能喜欢，兄弟们快快来了解一下吧！1.配置虚拟和物理路径
在 application.properties 追加
#file upload 访问路径file.staticAccessPath= /pic/**# 物理存储路径file.uploadRealPath= file:D:/pic/2.让以上配置生效
创建一下配置类
@Configurationpublic class WebMvcConfig implements WebMvcConfigurer {@Value("${file.staticAccessPath}")private String staticAccessPath;//访问路径@Value("${file.uploadRealPath}")private String uploadRealPath;//上传路径@Overridepublic void addResourceHandlers(ResourceHandlerRegistry registry) {registry.addResourceHandler(staticAccessPath).addResourceLocations(uploadRealPath);}}3.上传文件的controllerprivate String filePath ="d:/pic/";@RequestMapping("upFile")public ResponseResult upFile(MultipartFile file) throws IOException {if(null!=file && !file.isEmpty()){String oName = file.getOriginalFilename();String fileName= UUID.randomUUID()+oName.substring(oName.lastIndexOf("."));File upFile = new File(filePath, fileName);file.transferTo(upFile);return ResponseResult.ok("/pic/"+fileName);}return ResponseResult.fail(300,"上传失败，请选择上传文件");}4.vue以上内容都是element-ui 官网复制
5. 效果
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #vue实现文件上传
