如何将INPUT type=file 的"浏览..."按钮换成图片呢?

<input type="image" scr="xxx.gif">

解决方案 »

  1.   

    <input type="image" src="xxx.gif">
    刚才错了一个字母，这样出现的图片就有按钮功能。
      

  2.   

    采用欺骗手法：
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Generator" CONTENT="EditPlus">
    <META NAME="Author" CONTENT="">
    <META NAME="Keywords" CONTENT="">
    <META NAME="Description" CONTENT="">
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function test1(){
    form1.fileABC.click();
    form1.textfield.value =form1.fileABC.value;
    }
    //-->
    </SCRIPT>
    </HEAD><form name="form1" method="post" action="">
    <input name="fileABC" type="file" style="display:none">
    <input type="text" name="textfield" readonly="">
    <input type="image" src="xxx.jpg" onclick="test1()">
    </form>
    </body>
    </HTML>主要思路：采用CSS把FILE控件隐藏掉，新增加一个TEXT的输入框和图片按钮，把TEXT输入框的属性设置为readonly，用户点击图片按钮时通过JS触发隐藏的FILE控件的click事件，然后把从选择文件得到的值传递给text文本框，从而实现楼主要求的效果。
    当然这只是画面上的效果而已，服务器端文件内容的时候还是用FILE控件的名称来取的。