网站建设资讯

NEWS

网站建设资讯

js如何自定义input文件上传样式

这篇文章主要介绍js如何自定义input文件上传样式,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联是创新、创意、研发型一体的综合型网站建设公司,自成立以来公司不断探索创新,始终坚持为客户提供满意周到的服务,在本地打下了良好的口碑,在过去的十载时间我们累计服务了上千家以及全国政企客户,如纯水机等企业单位,完善的项目管理流程,严格把控项目进度与质量监控加上过硬的技术实力获得客户的一致表扬。

先看效果:

js如何自定义input文件上传样式

js如何自定义input文件上传样式

js如何自定义input文件上传样式

代码贴出来: 

方法1


    

方法1:

                                                             
             
             
         

方法2


    

方法2:

                                              
         

controller

@PostMapping("upload")
  public ResultModel upload(MultipartFile file) {
    //文件名
    System.out.println(file.getOriginalFilename());
    return ResultModel.of(true);
}

样式还是丑了一点,但这些都不重要,关键是掌握了方法再找个UI小姐姐来帮忙调试,就可以做出任何想要的UI效果啦!

以上是“js如何自定义input文件上传样式”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


当前名称:js如何自定义input文件上传样式
标题URL:http://njwzjz.com/article/geiosi.html

其他资讯