5

这是上传文件代码：

<form>
<input type="file" name="file"/>
</form>

它会出现一个文本框和 BROWSE 按钮来上传文件。

好吧，但是有什么方法可以通过单击“某些”文本来上传文件，例如：“上传文件”文本。单击此文本后，将出现上传框。

4

3 回答 3

2

尝试这个

http://jsfiddle.net/RffbE/ 

<form>
<input type="file" name="file" id="file" style="display:none"/>
<span onclick="doTrick()">Upload your file</span>
</form>

并使用这个 javascript 函数。

function doTrick() {
    document.getElementById('file').click();
}
于 2012-04-21T07:30:42.913 回答
0

我猜你需要这个

请看我的jsfiddle

jsfiddle：http: //jsfiddle.net/ks5r7/6/

    <html>
    <head>
        <script>
            function show()
            {
                document.getElementById('box').style.display='inline';
            }

        </script>
    </head>
    <body>
        <div id="show"><a href="#" onclick="show()">Upload my file</div>

        <div id="box" style="display:none";><input type="file"/></div>
    </body>
</html>

您可以在此处设置每个元素的样式

于 2012-04-21T07:30:46.643 回答
-1

直接你不能在输入类型文件上设置任何 css，你需要为此使用技巧。看到这个插件

于 2012-04-21T07:14:10.710 回答