最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
js自定义input文件上传样式
时间:2022-06-25 15:31:47 编辑:袖梨 来源:一聚教程网
文件上传是我们经常会用到的功能,但是原生的input样式太丑了,能不能自定义一个input文件上传样式呢?
我这里写了两种方法,form表单提交跟ajax异步提交都没有问题,自动上传或者点击上传按钮上传也都没问题
先看效果:
代码贴出来:
方法1
方法1:
方法2
方法2:
controller
@PostMapping("upload")
public ResultModel upload(MultipartFile file) {
//文件名
System.out.println(file.getOriginalFilename());
return ResultModel.of(true);
}
样式还是丑了一点,但这些都不重要,关键是掌握了方法再找个UI小姐姐来帮忙调试,就可以做出任何想要的UI效果啦!
相关文章
- 5 高级配置:多注册中心与异步化编程实践 05-31
- Linux系统下OracleJDK17手动安装配置全流程指南 05-31
- 异环恶魔的影子怎么打-恶魔的影子委托攻略 05-31
- 豌豆素质家长端app功能有哪些 05-31
- Waymo CEO谈L2升L4:云端基模蒸馏与语言对齐是关键 05-31
- poipiku账号注册教程指南详情 05-31


