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

最新推荐文章于 2017-08-07 15:04:00 发布

Kenny_Tan

最新推荐文章于 2017-08-07 15:04:00 发布

阅读量1.1k

点赞数

分类专栏： J2EE 文章标签： input file button upload action jsp

本文链接：https://blog.csdn.net/Kenny_Tan/article/details/1453051

版权

J2EE 专栏收录该内容

2 篇文章 0 订阅

订阅专栏

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:lowercas e;color:wh ite;backgr ound-color :#A2C382;h eight:22px ;border-st yle:ridge; text-align :center;"
onClick="browse.click();file.value=brows e.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