JS_自定义上传文件按钮样式-小白菜博客
方法：
1.使用 display: none; 或 visibility: hidden; 隐藏input上传按钮
2.input上传按钮放入label容器

<label>
	<div class="div">自由发挥</div>
	<input type="file" id="file" style="display: none;"></input>
</label>
<div onclick="getFile()">点击获取文件</div>

function getFile() {
	let file = document.getElementById('file')
	console.log(file.files);
}
document.getElementById('file').addEventListener('change', (e) => {
	console.log(e.target.files);
})

.div {
	width: 100px;
	height: 100px;
	text-align: center;
	line-height: 100px;
	background: red;
	color: #fff;
}