text + botton 代替file 解决方案

今日在开发腾讯广告入围作品时，遇到一个用 文本输入框+按钮 来代替 file控件的问题。

解决办法如下：

讲file所在容器 的position设置为relation。 file的position设置为absolute。设置完全透明。而且其位置正好覆盖住整个text 与按钮。

.file{position:absolute;top:0px;right:4px;+top:0;+right:4px;width:360px;height:20px;-moz-opacity:0;filter:alpha(opacity=0);opacity:0;}

 

当file控件触发有了选择文件的动作时。调用js，讲其值赋予 text。

 

function file2textinput(fileValue,objInput){document.getElementById(objInput).value = fileValue;}

 

至此，该方案解决。