最新下载
热门教程
- 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效果啦!
相关文章
- 美联储降息预期升温引关注 08-02
- 《创造与魔法》魔法熔炉制作视频攻略 08-02
- 2025年8月XRP将迎来什么? 08-02
- 《阴阳师》“超鬼王”阿修罗阵容推荐分享 08-02
- 《奇迹暖暖》饴蜜迎春套装怎么获得方法有哪些 08-02
- 怎么驱动矿机-矿机怎么打驱动 08-02