如何更改<input type='file' />的样式

我要改成就一个链接（上传附件），一点击就能浏览本地文件，选中文件则开始上传。就像邮箱中上传附件那样，还能出进度条，那样的东西是如何实现的啊？

解决方案 »

  1.   

    说实话，这个样式比较难改，以前改了好久都没改好．
    可以看一下这个文件上传的例子史上最简单的jQuery+Struts2文件上传例子
      

  2.   

    1，自己画个背景和按钮放在你想放的地方，
    2，然后在后面加上<input type="file">，并将其设为隐藏如：
    <input type="file" id="myfile" style="display: none;" onchange="getdata(this.value)">
    3，最后将步骤1中的按钮的onclick事件设置成
    document.getElementById('myfile').click();
    然后收工
      

  3.   

    至于进度条什么的自己找jQuery去
      

  4.   

    可以参考这里的file样式
    链接不是真的链接而是图片而已
      

  5.   

    你说的那种一般是Flash做的吧
      

  6.   

    最近刚做一个上传控件,至于上传进度要用到AJAX和后台的交互了,你自己加吧,希望对你有用哦!!!
    访163网盘文件上传效果
      

  7.   

    js做进度条的方式不可取。flash可以自己做进度条。
      

  8.   

    to 8#
    我新建了一个html和js，怎么测试不了啊？
      

  9.   

    我有个问题：
    就是form提交后，怎么做到不刷新页面啊？
      

  10.   

    to 7#
    flex能做这个吗？
      

  11.   

    flash可以做,flex是个框架工具吧,应该可以!~