改变文件上传input file类型的外观

当我们使用文件上传功能时，<input type="file">,但是外观有点不符合口味，如何解决这个问题？

<input type="file" id="fileInput" style="display:none;">
<input id="img-upload" type="button"  onclick="showFileInput()" value="点击上传照片">


<script>
function showFileInput(){
	var fileInput=document.getElementById("fileInput");
	fileInput.click();
}
</script>

还是用到了input的上传功能，只不过不在点击它，而是通过点击button,从而传递到file,实现间接点击file按钮，功能实现了，下面就可以随意对button修改你想要的样式了