最新下载
热门教程
- 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 ResultModelupload(MultipartFile file) { //文件名 System.out.println(file.getOriginalFilename()); return ResultModel.of(true); }
样式还是丑了一点,但这些都不重要,关键是掌握了方法再找个UI小姐姐来帮忙调试,就可以做出任何想要的UI效果啦!
相关文章
- 《碧蓝航线》预计维修后将开启限时活动「扬起郁金之旗」 新增七省、埃佛森等舰船 07-03
- 王者荣耀s40赛季开始时间介绍 07-03
- Dreamweaver cs5站点怎么创建缓存文件? 07-03
- 如何制作油画风格海报?PS制作油画风格电影效果海报教程 07-03
- 自己建网站如何进行结构优化 07-03
- 区块链:向交易所充值不一样得币种或网络导致不到账,怎么办?(OKX APP端) 07-03