最近有个客户做了个新站，他的网站主要的功能就是上传下载，所以他希望在前台上传文件的时候，后面的字显示为英文

browse。（看似很简单的一个问题，可是改起来却不是很容易，因为这东西系统自带的,一般是根据操作系统来显示的。如果是

英文版的会显示为browse,但是如果是中文版的却显示为“浏览”）。

然后就开始想方法解决这个问题，也在网上搜索了很多别人的方法，初步采用了如下方法：

1.将原有的file隐藏

2.写个input文本框用来显示上传的文件名称，添加个按钮让他的value值为browse

3.通过js 将隐藏的file的值赋值给input文本框

看着这个方法没任何问题，然而实际运行起来确是问题重重，其原因是很多浏览器都不兼容，特别是ie 需要多次点击按钮才会提

交数据,最后不得不更换方法

既然通过隐藏file行不通，何不让file显示出来，让新添加的成浮动在他上面呢，然后还是通过js赋值，一试果然行的通，具体方

法如下：

1.file文件正常显示为block

2.写个input文本框用来显示上传的文件名称，添加个按钮让他的value值为browse

3.通过css 让第一步的内容浮动在第二步内容的上面，且file的样式为透明

4.通过js 将file的值赋值给input文本框

具体代码如下：

css部分:

html部分：

<div class=”uploadfile”>

<ul>

<li>

attachment 1:<input type=”file” class=”file” name=”order_file” id=”order_file” onchange=”document.vector.path.value=this.value”  hidefocus=”">

<input name=”path” readonly=”">

<input type=”button” value=”Browse”>

</li>

</ul></div>

实例网站《《

如果你有外贸企业网站建站需求，欢迎随时联系我们

QQ客服：415682727

电话：020-39907297

MSN：xueposter@gmail.com