您的位置：首页 > Web前端 > JavaScript

Replacing input type=file, "Browse" button,is Possible?

2006-12-22 11:18 567 查看

The problem

How I fixed it

I am replacing the default "Browse..." button for input type=file. This works fine except that the form will only submit after the SUBMIT button is clicked twice.
----------------------------------------------------------------------------------------------------------------------------------
<html>
<head></head>
<body>
<form name="test_form" method="post" action="test.jsp">
<input type=file name=browse style="display: none;">
<input type=text name=file>
<input type=button
style="font-style:veranda; font-size:12px; font-weight:bold;text-transform:lowercase;color:white;background-color:#A2C382;height:22px;border-style:ridge;text-align:center;"
onClick="browse.click();file.value=browse.value;"
value="Select a File...">
<br><br>

<input type=submit
value="Submit The Form Now!"
style="font-style:veranda; font-size:12px;">
</form>
</body>
</html>
-------------------------------------------------------------------------------------------------------------------------------------------
but test improvely, I found out that the uploaded file is null.In fact,the file I want to upload did't upload sucessfully. I modified the line"<input type=file name=browse style="display: none;">"as "<input type=file name=browse >",then test in the jsp page,found the first click will clear the file text's content,so you clicked again,the upload operation was completed sucessfully,but the file is null.
Now ,I
http://www.quirksmode.org/dom/inputfile.html

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： input file button upload action jsp

相关文章推荐

新的分享

章节导航