如何在上传文件时删除浏览按钮旁边的“无文件选择”文本

Question

我想在上传文件时删除浏览按钮旁边的“没有文件选择”文本和文件名。

Answer 1

试试这个......

<button onclick="javascript:document.getElementById('inputfile').click();">Upload Photo</button>
<input type="file" style="display:none" id="inputfile"/>

http://jsfiddle.net/fCWL2/

您可以隐藏输入文件并显示触发输入文件的按钮

然后你可以设计你的按钮以获得更好的界面

我希望它会有所帮助