本随笔缩写内容有误，对不起，谢谢！
csdn上有朋友问道这个问题
上google跑了跑，从这里和csdn的980337(面包喳喳)朋友的回复得到提示，做了做测试。
以下代码可以把“浏览”按钮换成图片
当然 也可以不用<img>而改input或者button加上样式表（css）或者htc也应该可以吧。
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="/1999/xhtml"xml:lang="gb2312"lang="gb2312">
<head>
<title>上传的时候<inputtype="file">中用图片代替浏览按钮</title>
<metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/>
<metaname="title"content=""/>
<metaname="author"content="活靶子，huobazi"/>
<metaname="subject"content=""/>
<metaname="language"content="gb2312"/>
<metaname="keywords"content=""/>
<metaname="Copyright"content=""/>
<metaname="robots"content="all"/>
<scriptlanguage="javascript"type="text/javascript">
functionfn_browse()
{
document.test_form.browse.click();
document.test_form.file.value=document.all.test_form.browse.value;
}
</script>
</head>
<body>
<formname="test_form"method="post"ENCTYPE="multipart/form-data"onsubmit="alert(document.test_form.browse.value);"/>
<inputtype="file"name="browse"style="display:none;"/>
<inputtype="text"name="file"/>
<ahref="javascript:fn_browse();">
<imgname="btn"src="browse.gif"border="0"/>
<br/>
<br/>
<inputtype="submit"name="提交表单"/>
</form>
</body>
</html>
![html选择文件按钮美化 css input[type=file] 样式美化 input上传按钮美化](https://2000zi.500zi.com/uploadfile/img/15/591/c7e606d554686e6b36a158185c6a40ae.jpg)
