前端css+js实现自定义上传文件/图片按钮，并显示已选文件/图片名称

默认的文件上传按钮样式（以下图）确实不太好看，想展示得美观一些就本身写一个样式吧。 下面咱们作一个自定义的上传按钮效果，上传后把已上传文件/图片名称也显示出来。 实现思路也很简单： 一、先把原元素隐藏起来，本身写一个好看的按钮 二、点击自定义按钮时触发原元素点击事件达到选择文件上传的效果（等同于触发了原input元素 ）css 最终效果以下图： 1、html部分代码：html <div>

>>阅读原文<<